mirror of
https://github.com/moodle/moodle.git
synced 2025-04-15 13:33:52 +02:00
MDL-73144 core: switch to Dart sass
This commit is contained in:
Petr Skoda
parent
5e1df25566
commit
98bcff8d8e
@ -45,6 +45,7 @@ module.exports = grunt => {
|
||||
grunt.log.write(result);
|
||||
|
||||
if (error) {
|
||||
grunt.log.error(result.stdout);
|
||||
process.exit(code);
|
||||
}
|
||||
done();
|
||||
@ -56,7 +57,7 @@ module.exports = grunt => {
|
||||
* @param {array} args
|
||||
* @returns {object}
|
||||
*/
|
||||
const spawnNodeCall = args => grunt.util.spawn({
|
||||
const spawnNodeCall = (args) => grunt.util.spawn({
|
||||
cmd: 'node',
|
||||
args,
|
||||
}, getSpawnHandler(grunt.task.current.async()));
|
||||
@ -91,13 +92,14 @@ module.exports = grunt => {
|
||||
* @returns {Object} Reference to the spawned task
|
||||
*/
|
||||
const cssBuild = () => spawnNodeCall([
|
||||
'node_modules/node-sass/bin/node-sass',
|
||||
'--output-style', 'expanded',
|
||||
'--source-map', true,
|
||||
'--source-map-contents', true,
|
||||
'node_modules/.bin/sass',
|
||||
'--style', 'expanded',
|
||||
'--source-map',
|
||||
'--embed-sources',
|
||||
'--precision', 6,
|
||||
'--load-path', process.cwd(),
|
||||
getCLPath('hugo/scss/docs.scss'),
|
||||
'-o', getCLPath('hugo/dist/css/'),
|
||||
getCLPath('hugo/dist/css/docs.css'),
|
||||
]);
|
||||
|
||||
// Register the various component library tasks.
|
||||
|
||||
@ -32,7 +32,7 @@ module.exports = grunt => {
|
||||
}
|
||||
},
|
||||
options: {
|
||||
implementation: require('node-sass'),
|
||||
implementation: require('sass'),
|
||||
includePaths: ["theme/boost/scss/", "theme/classic/scss/"]
|
||||
}
|
||||
},
|
||||
|
||||
172
admin/tool/componentlibrary/hugo/dist/css/docs.css
vendored
172
admin/tool/componentlibrary/hugo/dist/css/docs.css
vendored
@ -10,7 +10,6 @@
|
||||
.bd-content > h4[id] {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.bd-content > h2[id]::before,
|
||||
.bd-content > h3[id]::before,
|
||||
.bd-content > h4[id]::before {
|
||||
@ -19,12 +18,10 @@
|
||||
margin-top: -6rem;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.bd-content > .table {
|
||||
max-width: 100%;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.bd-content > .table {
|
||||
display: block;
|
||||
@ -34,17 +31,14 @@
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bd-content > .table th:first-child,
|
||||
.bd-content > .table td:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.bd-content > .table th:not(:last-child),
|
||||
.bd-content > .table td:not(:last-child) {
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.bd-content > .table td:first-child > code {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@ -57,18 +51,16 @@
|
||||
.bd-content > h2:not(:first-child) {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.bd-content > h3 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.bd-content > ul li,
|
||||
.bd-content > ol li {
|
||||
margin-bottom: .25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.bd-title {
|
||||
margin-bottom: .5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
@ -93,13 +85,12 @@
|
||||
background-color: #563d7c;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.skippy:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.skippy-text {
|
||||
padding: .5em;
|
||||
padding: 0.5em;
|
||||
outline: 1px dotted;
|
||||
}
|
||||
|
||||
@ -114,7 +105,6 @@
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar .dropdown-menu .dropdown-item {
|
||||
white-space: normal;
|
||||
text-transform: capitalize;
|
||||
@ -136,10 +126,9 @@
|
||||
align-items: center;
|
||||
color: #212529;
|
||||
text-decoration: none;
|
||||
padding: .3rem 0.5rem;
|
||||
padding: 0.3rem 0.5rem;
|
||||
border-top: solid 1px #dee2e6;
|
||||
}
|
||||
|
||||
.docs-sidebar a.dropdown-toggle::after {
|
||||
margin-left: auto;
|
||||
font-size: 14px;
|
||||
@ -165,7 +154,6 @@
|
||||
border-bottom: solid 1px #dee2e6;
|
||||
}
|
||||
}
|
||||
|
||||
.docs-sidebar .active > a {
|
||||
background: #dee2e6;
|
||||
font-weight: bold;
|
||||
@ -190,46 +178,38 @@
|
||||
padding-top: 1rem;
|
||||
border-left: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
#TableOfContents > ul ul {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
#TableOfContents > ul li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#TableOfContents > ul li a {
|
||||
display: block;
|
||||
padding: .125rem 1.5rem;
|
||||
padding: 0.125rem 1.5rem;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
#TableOfContents > ul li a:hover {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.bd-toc nav {
|
||||
padding-top: .125em;
|
||||
padding-bottom: .125em;
|
||||
padding-top: 0.125em;
|
||||
padding-bottom: 0.125em;
|
||||
border-left: 0.25em solid #e9ecef;
|
||||
}
|
||||
|
||||
.bd-toc nav > ul {
|
||||
padding-left: .5rem;
|
||||
padding-left: 0.5rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.bd-toc nav > ul > li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.bd-toc nav li ul li {
|
||||
margin-bottom: .25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.bd-toc nav a code {
|
||||
font: inherit;
|
||||
}
|
||||
@ -238,16 +218,13 @@
|
||||
font-size: 0.875rem;
|
||||
color: #63707c;
|
||||
}
|
||||
|
||||
.bd-footer a {
|
||||
font-weight: 600;
|
||||
color: #495057;
|
||||
}
|
||||
|
||||
.bd-footer a:hover, .bd-footer a:focus {
|
||||
color: #007bff;
|
||||
}
|
||||
|
||||
.bd-footer p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@ -256,23 +233,20 @@
|
||||
padding-left: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.bd-footer-links li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.bd-footer-links li + li {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.bd-example-row .row > .col,
|
||||
.bd-example-row .row > [class^="col-"] {
|
||||
padding-top: .75rem;
|
||||
padding-bottom: .75rem;
|
||||
.bd-example-row .row > [class^=col-] {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
background-color: rgba(86, 61, 124, 0.15);
|
||||
border: 1px solid rgba(86, 61, 124, 0.2);
|
||||
}
|
||||
|
||||
.bd-example-row .row + .row {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
@ -287,9 +261,9 @@
|
||||
border: 1px solid rgba(86, 61, 124, 0.15);
|
||||
}
|
||||
|
||||
.bd-example-responsive-containers [class^="container"] {
|
||||
padding-top: .75rem;
|
||||
padding-bottom: .75rem;
|
||||
.bd-example-responsive-containers [class^=container] {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
background-color: rgba(86, 61, 124, 0.15);
|
||||
border: 1px solid rgba(86, 61, 124, 0.2);
|
||||
}
|
||||
@ -316,18 +290,16 @@
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.example-content-main {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.example-content-main {
|
||||
flex: 0 0 66.666667%;
|
||||
max-width: 66.666667%;
|
||||
flex: 0 0 66.66666667%;
|
||||
max-width: 66.66666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -337,18 +309,16 @@
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.example-content-secondary {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.example-content-secondary {
|
||||
flex: 0 0 33.333333%;
|
||||
max-width: 33.333333%;
|
||||
flex: 0 0 33.33333333%;
|
||||
max-width: 33.33333333%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -357,44 +327,37 @@
|
||||
padding: 1rem;
|
||||
margin: 1rem -15px 0;
|
||||
border: solid #f8f9fa;
|
||||
border-width: .2rem 0 0;
|
||||
border-width: 0.2rem 0 0;
|
||||
}
|
||||
|
||||
.bd-example::after {
|
||||
display: block;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.bd-example {
|
||||
padding: 1.5rem;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
border-width: .2rem;
|
||||
border-width: 0.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.bd-example + .highlight,
|
||||
.bd-example + .clipboard + .highlight {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.bd-example + p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.bd-example > .form-control + .form-control {
|
||||
margin-top: .5rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.bd-example > .nav + .nav,
|
||||
.bd-example > .alert + .alert,
|
||||
.bd-example > .navbar + .navbar,
|
||||
.bd-example > .progress + .progress {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.bd-example > .dropdown-menu {
|
||||
position: static;
|
||||
display: block;
|
||||
@ -402,24 +365,23 @@
|
||||
|
||||
.bd-example > svg + svg,
|
||||
.bd-example > img + img {
|
||||
margin-left: .5rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.bd-example > .btn,
|
||||
.bd-example > .btn-group {
|
||||
margin-top: .25rem;
|
||||
margin-bottom: .25rem;
|
||||
margin-top: 0.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.bd-example > .btn-toolbar + .btn-toolbar {
|
||||
margin-top: .5rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.bd-example > .list-group {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.bd-example > [class*="list-group-horizontal"] {
|
||||
.bd-example > [class*=list-group-horizontal] {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@ -428,12 +390,10 @@
|
||||
position: static;
|
||||
margin: -1rem -1rem 1rem;
|
||||
}
|
||||
|
||||
.bd-example .fixed-bottom {
|
||||
position: static;
|
||||
margin: 1rem -1rem -1rem;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.bd-example .fixed-top,
|
||||
.bd-example .sticky-top {
|
||||
@ -445,14 +405,13 @@
|
||||
}
|
||||
|
||||
.bd-example .pagination {
|
||||
margin-top: .5rem;
|
||||
margin-bottom: .5rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.bd-example-modal {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.bd-example-modal .modal {
|
||||
position: static;
|
||||
display: block;
|
||||
@ -465,7 +424,7 @@
|
||||
.scrollspy-example {
|
||||
position: relative;
|
||||
height: 200px;
|
||||
margin-top: .5rem;
|
||||
margin-top: 0.5rem;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
@ -475,15 +434,15 @@
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.bd-example-border-utils [class^="border"] {
|
||||
.bd-example-border-utils [class^=border] {
|
||||
display: inline-block;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin: .25rem;
|
||||
margin: 0.25rem;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.bd-example-border-utils-0 [class^="border"] {
|
||||
.bd-example-border-utils-0 [class^=border] {
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
@ -494,7 +453,6 @@
|
||||
background-color: #f8f9fa;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.highlight {
|
||||
padding: 1.5rem;
|
||||
@ -505,7 +463,6 @@
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.bd-content .highlight {
|
||||
margin-right: 0;
|
||||
@ -520,7 +477,6 @@
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.highlight pre code {
|
||||
font-size: inherit;
|
||||
color: #212529;
|
||||
@ -531,30 +487,25 @@
|
||||
margin-top: 1.25rem;
|
||||
margin-bottom: 1.25rem;
|
||||
border: 1px solid #e9ecef;
|
||||
border-left-width: .25rem;
|
||||
border-left-width: 0.25rem;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.bd-callout h4 {
|
||||
margin-bottom: .25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.bd-callout p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.bd-callout code {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.bd-callout + .bd-callout {
|
||||
margin-top: -.25rem;
|
||||
margin-top: -0.25rem;
|
||||
}
|
||||
|
||||
.bd-callout-info {
|
||||
border-left-color: #5bc0de;
|
||||
}
|
||||
|
||||
.bd-callout-info h4 {
|
||||
color: #5bc0de;
|
||||
}
|
||||
@ -562,7 +513,6 @@
|
||||
.bd-callout-warning {
|
||||
border-left-color: #f0ad4e;
|
||||
}
|
||||
|
||||
.bd-callout-warning h4 {
|
||||
color: #f0ad4e;
|
||||
}
|
||||
@ -570,7 +520,6 @@
|
||||
.bd-callout-danger {
|
||||
border-left-color: #d9534f;
|
||||
}
|
||||
|
||||
.bd-callout-danger h4 {
|
||||
color: #d9534f;
|
||||
}
|
||||
@ -690,11 +639,9 @@
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.bd-clipboard + .highlight {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.bd-clipboard {
|
||||
display: block;
|
||||
@ -703,18 +650,17 @@
|
||||
|
||||
.btn-clipboard {
|
||||
position: absolute;
|
||||
top: .5rem;
|
||||
right: .5rem;
|
||||
top: 0.5rem;
|
||||
right: 0.5rem;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
padding: .25rem .5rem;
|
||||
padding: 0.25rem 0.5rem;
|
||||
font-size: 0.75em;
|
||||
color: #343a40;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.btn-clipboard:hover {
|
||||
color: #fff;
|
||||
background-color: #007bff;
|
||||
@ -740,9 +686,7 @@
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: #4070a0;
|
||||
}
|
||||
|
||||
/* NEW */
|
||||
} /* NEW */
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: #727272;
|
||||
@ -757,9 +701,7 @@
|
||||
.chroma .ch {
|
||||
font-style: italic;
|
||||
color: #60a0b0;
|
||||
}
|
||||
|
||||
/* NEW */
|
||||
} /* NEW */
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: #727272;
|
||||
@ -773,9 +715,7 @@
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: #007020;
|
||||
}
|
||||
|
||||
/* NEW */
|
||||
} /* NEW */
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: #727272;
|
||||
@ -806,9 +746,7 @@
|
||||
/* GenericUnderline */
|
||||
.chroma .gl {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* NEW */
|
||||
} /* NEW */
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
color: #aaa;
|
||||
@ -827,9 +765,7 @@
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* NEW */
|
||||
} /* NEW */
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
color: #9c6;
|
||||
@ -893,9 +829,7 @@
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: #40a070;
|
||||
}
|
||||
|
||||
/* NEW */
|
||||
} /* NEW */
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: #c24f19;
|
||||
@ -999,9 +933,7 @@
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: #4070a0;
|
||||
}
|
||||
|
||||
/* NEW */
|
||||
} /* NEW */
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: #c30;
|
||||
@ -1059,12 +991,10 @@
|
||||
content: "$ ";
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.chroma .language-bash .m,
|
||||
.chroma .language-sh .m {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.chroma .language-powershell::before {
|
||||
color: #009;
|
||||
content: "PM> ";
|
||||
@ -1076,13 +1006,11 @@
|
||||
color: rgba(0, 123, 255, 0.5);
|
||||
transition: color 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.anchorjs-link {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
.anchorjs-link:hover {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
@ -1092,26 +1020,22 @@
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.path-admin-tool-componentlibrary #page.drawers .main-inner {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.path-admin-tool-componentlibrary #page.drawers div[role="main"] {
|
||||
.path-admin-tool-componentlibrary #page.drawers div[role=main] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.path-admin-tool-componentlibrary #page-header,
|
||||
.path-admin-tool-componentlibrary #maincontent,
|
||||
.path-admin-tool-componentlibrary .secondarynavigation {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.path-admin-tool-componentlibrary #region-main {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=docs.css.map */
|
||||
/*# sourceMappingURL=docs.css.map */
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -82,7 +82,7 @@
|
||||
.bd-example {
|
||||
position: relative;
|
||||
padding: 1rem;
|
||||
margin: 1rem (-$grid-gutter-width / 2) 0;
|
||||
margin: 1rem (-$grid-gutter-width * 0.5) 0;
|
||||
border: solid $gray-100;
|
||||
border-width: .2rem 0 0;
|
||||
@include clearfix();
|
||||
@ -248,8 +248,8 @@
|
||||
}
|
||||
|
||||
.bd-content .highlight {
|
||||
margin-right: (-$grid-gutter-width / 2);
|
||||
margin-left: (-$grid-gutter-width / 2);
|
||||
margin-right: (-$grid-gutter-width * 0.5);
|
||||
margin-left: (-$grid-gutter-width * 0.5);
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
margin-right: 0;
|
||||
|
||||
3628
npm-shrinkwrap.json
generated
3628
npm-shrinkwrap.json
generated
File diff suppressed because it is too large
Load Diff
@ -38,9 +38,9 @@
|
||||
"jsdoc-to-markdown": "^7.1.1",
|
||||
"jshint": "^2.13.4",
|
||||
"jstoxml": "^3.2.3",
|
||||
"node-sass": "^7.0.1",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"rollup-plugin-terser": "^7.0.2",
|
||||
"sass": "^1.58.3",
|
||||
"semver": "7.3.5",
|
||||
"shifter": "https://github.com/andrewnicols/shifter/archive/v1.2.0_moodle-0.tar.gz",
|
||||
"stylelint": "13.3.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// Fixed Width Icons
|
||||
// -------------------------
|
||||
.#{$fa-css-prefix}-fw {
|
||||
width: (18em / 14);
|
||||
width: (18em * 0.07143);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
4
theme/boost/scss/fontawesome/_larger.scss
vendored
4
theme/boost/scss/fontawesome/_larger.scss
vendored
@ -3,8 +3,8 @@
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.#{$fa-css-prefix}-lg {
|
||||
font-size: (4em / 3);
|
||||
line-height: (3em / 4);
|
||||
font-size: (4em * 0.33333);
|
||||
line-height: (3em * 0.25);
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
||||
|
||||
4
theme/boost/scss/fontawesome/_list.scss
vendored
4
theme/boost/scss/fontawesome/_list.scss
vendored
@ -11,9 +11,9 @@
|
||||
position: absolute;
|
||||
left: -$fa-li-width;
|
||||
width: $fa-li-width;
|
||||
top: (2em / 14);
|
||||
top: (2em * 0.07143);
|
||||
text-align: center;
|
||||
&.#{$fa-css-prefix}-lg {
|
||||
left: -$fa-li-width + (4em / 14);
|
||||
left: -$fa-li-width + (4em * 0.07143);
|
||||
}
|
||||
}
|
||||
|
||||
2
theme/boost/scss/fontawesome/_variables.scss
vendored
2
theme/boost/scss/fontawesome/_variables.scss
vendored
@ -9,7 +9,7 @@ $fa-css-prefix: fa !default;
|
||||
$fa-version: "4.7.0" !default;
|
||||
$fa-border-color: #eee !default;
|
||||
$fa-inverse: #fff !default;
|
||||
$fa-li-width: (30em / 14) !default;
|
||||
$fa-li-width: (30em * 0.07143) !default;
|
||||
|
||||
$fa-var-500px: "\f26e";
|
||||
$fa-var-address-book: "\f2b9";
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
Description of Font awesome import into Moodle
|
||||
|
||||
Font awesome comes in 3 parts relating to Moodle.
|
||||
Font awesome comes in 4 parts relating to Moodle.
|
||||
|
||||
1. The font. Put the woff font in lib/fonts/fontawesome-webfont.woff. Update lib/thirdpartylibs.xml.
|
||||
2. SCSS. Replace the SCSS in this folder (/theme/boost/scss/fontawesome). Update theme/boost/thirdpartylibs.xml.
|
||||
3. The @import "path" is commented because we provide the font path differently e.g. "[[font:core|fontawesome-webfont.eot]]"
|
||||
4. Fix compatibility with dart-sass - that is to replace division by multiplication
|
||||
|
||||
@ -32,7 +32,7 @@ $blocks-column-width: 360px !default;
|
||||
float: right;
|
||||
}
|
||||
|
||||
$blocks-plus-gutter: $blocks-column-width + ( $grid-gutter-width / 2 );
|
||||
$blocks-plus-gutter: $blocks-column-width + ( $grid-gutter-width * 0.5 );
|
||||
|
||||
/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
|
||||
@include media-breakpoint-up(sm) {
|
||||
@ -53,8 +53,8 @@ $blocks-plus-gutter: $blocks-column-width + ( $grid-gutter-width / 2 );
|
||||
width: 4rem;
|
||||
height: 2rem;
|
||||
background-color: $body-bg;
|
||||
margin-left: $card-spacer-x / 2;
|
||||
margin-bottom: $card-spacer-x / 2;
|
||||
margin-left: $card-spacer-x * 0.5;
|
||||
margin-bottom: $card-spacer-x * 0.5;
|
||||
border-bottom-left-radius: 0.5rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
display: inline-block;
|
||||
|
||||
+ .singlebutton {
|
||||
margin-left: $spacer / 2;
|
||||
margin-left: $spacer * 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1509,7 +1509,7 @@ audio.mediaplugin_html5audio {
|
||||
.choosercontainer #chooseform .option label {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: ($spacer / 2) 0;
|
||||
padding: ($spacer * 0.5) 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
@ -2276,7 +2276,7 @@ ul {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
.nav {
|
||||
margin-right: $grid-gutter-width / 2;
|
||||
margin-right: $grid-gutter-width * 0.5;
|
||||
background-color: $card-bg;
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
@ -2617,7 +2617,7 @@ $picker-emojis-per-row: 7 !default;
|
||||
.category-button {
|
||||
padding: .375rem 0;
|
||||
height: 100%;
|
||||
width: $picker-width / $picker-emoji-category-count;
|
||||
width: divide($picker-width, $picker-emoji-category-count);
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
@ -2661,7 +2661,7 @@ $picker-emojis-per-row: 7 !default;
|
||||
}
|
||||
|
||||
.emoji-short-name {
|
||||
line-height: $picker-row-height / 2;
|
||||
line-height: $picker-row-height * 0.5;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
@ -2723,10 +2723,10 @@ $picker-emojis-per-row: 7 !default;
|
||||
.breadcrumb:not(:empty) {
|
||||
width: 100%;
|
||||
flex-wrap: nowrap;
|
||||
margin-bottom: $spacer / 2;
|
||||
margin-bottom: $spacer * 0.5;
|
||||
.breadcrumb-item {
|
||||
padding-top: $spacer / 3;
|
||||
padding-bottom: $spacer / 3;
|
||||
padding-top: $spacer * 0.33333;
|
||||
padding-bottom: $spacer * 0.33333;
|
||||
display: inline-flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -2751,7 +2751,7 @@ $picker-emojis-per-row: 7 !default;
|
||||
max-width: 100%;
|
||||
}
|
||||
.card .card-body {
|
||||
padding: $card-spacer-x / 2;
|
||||
padding: $card-spacer-x * 0.5;
|
||||
}
|
||||
#page-header {
|
||||
.card {
|
||||
@ -2765,7 +2765,7 @@ $picker-emojis-per-row: 7 !default;
|
||||
.nav-pills {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: $spacer / 8;
|
||||
padding: $spacer * 0.125;
|
||||
background-color: $gray-200;
|
||||
.nav-item {
|
||||
flex: 1 1 auto;
|
||||
@ -2774,7 +2774,7 @@ $picker-emojis-per-row: 7 !default;
|
||||
.nav-link {
|
||||
background: $white;
|
||||
border: 0;
|
||||
margin: $spacer / 8;
|
||||
margin: $spacer * 0.125;
|
||||
&.active {
|
||||
@include button-outline-variant($gray-600);
|
||||
border-color: $gray-600;
|
||||
|
||||
@ -144,7 +144,7 @@ body:not(.editing) .sitetopic ul.section {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
padding: 0;
|
||||
margin: 0 ($spacer / 2);
|
||||
margin: 0 ($spacer * 0.5);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@ -616,8 +616,8 @@ body:not(.editing) .sitetopic ul.section {
|
||||
&.editing {
|
||||
li.activity span.autocompletion img {
|
||||
/* Use the same spacing as the filler. */
|
||||
margin-right: $spacer / 2;
|
||||
margin-left: $spacer / 2;
|
||||
margin-right: $spacer * 0.5;
|
||||
margin-left: $spacer * 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -743,11 +743,11 @@ span.editinstructions {
|
||||
#frontpage-available-course-list,
|
||||
#frontpage-course-list,
|
||||
.course-search-result {
|
||||
margin-top: $spacer / 2;
|
||||
margin-top: $spacer * 0.5;
|
||||
.coursebox {
|
||||
padding: $spacer / 2;
|
||||
padding: $spacer * 0.5;
|
||||
border: $border-width solid $border-color;
|
||||
margin-bottom: $spacer / 2;
|
||||
margin-bottom: $spacer * 0.5;
|
||||
|
||||
@include border-radius();
|
||||
}
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
}
|
||||
|
||||
.mform fieldset {
|
||||
margin-bottom: $spacer / 2;
|
||||
margin-bottom: $spacer * 0.5;
|
||||
border-bottom: $border-width solid $table-border-color;
|
||||
}
|
||||
|
||||
@ -412,7 +412,7 @@ textarea[data-auto-rows] {
|
||||
@include border-radius($card-border-radius);
|
||||
border: $card-border-width solid $card-border-color;
|
||||
padding: $card-spacer-x;
|
||||
margin-left: $grid-gutter-width / 2;
|
||||
margin-left: $grid-gutter-width * 0.5;
|
||||
max-width: 30rem;
|
||||
}
|
||||
|
||||
|
||||
@ -412,7 +412,7 @@ $author-image-margin-sm: 8px;
|
||||
.author-image-container {
|
||||
width: $author-image-width-sm;
|
||||
margin-right: $author-image-margin-sm;
|
||||
padding-top: (36px - $author-image-width-sm) / 2;
|
||||
padding-top: (36px - $author-image-width-sm) * 0.5;
|
||||
}
|
||||
|
||||
/**
|
||||
@ -486,7 +486,7 @@ $grading-content-show-content-button-padding-left: calc(#{map-get($spacers, 2) *
|
||||
from {
|
||||
height: $grading-icon-button-size;
|
||||
width: $grading-icon-button-size;
|
||||
border-radius: $grading-icon-button-size / 2;
|
||||
border-radius: $grading-icon-button-size * 0.5;
|
||||
background-color: $gray-200;
|
||||
}
|
||||
to {
|
||||
@ -521,7 +521,7 @@ $grading-content-show-content-button-padding-left: calc(#{map-get($spacers, 2) *
|
||||
to {
|
||||
height: $grading-icon-button-size;
|
||||
width: $grading-icon-button-size;
|
||||
border-radius: $grading-icon-button-size / 2;
|
||||
border-radius: $grading-icon-button-size * 0.5;
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
@ -1105,7 +1105,7 @@ div#dock {
|
||||
.usertext {
|
||||
float: left;
|
||||
text-align: right;
|
||||
margin-right: $spacer / 2;
|
||||
margin-right: $spacer * 0.5;
|
||||
height: 35px;
|
||||
.meta {
|
||||
font-size: $font-size-sm;
|
||||
@ -1166,7 +1166,7 @@ div#dock {
|
||||
border-radius: 50%;
|
||||
color: $gray-800;
|
||||
font-weight: normal;
|
||||
margin-right: $spacer / 4;
|
||||
margin-right: $spacer * 0.25;
|
||||
&.size-16,
|
||||
&.size-30 {
|
||||
font-size: 0.7rem;
|
||||
@ -1189,7 +1189,7 @@ div#dock {
|
||||
}
|
||||
|
||||
img.userpicture {
|
||||
margin-right: $spacer / 4;
|
||||
margin-right: $spacer * 0.25;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
|
||||
@ -202,7 +202,7 @@ $content-header-footer-height: $region-header-height + $region-footer-height;
|
||||
font-size: 11px;
|
||||
line-height: 11px;
|
||||
position: absolute;
|
||||
top: $navbar-height / 4;
|
||||
top: $navbar-height * 0.25;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
@ -19,8 +19,8 @@ $state-warning-border: theme-color-level("warning", -10) !default;
|
||||
$state-danger-bg: theme-color-level("danger", -10) !default;
|
||||
$state-danger-border: theme-color-level("danger", -9) !default;
|
||||
|
||||
$primary-nav-padding-y: ($spacer / 4) !default;
|
||||
$primary-nav-padding-x: ($spacer / 2) !default;
|
||||
$primary-nav-padding-y: ($spacer * 0.25) !default;
|
||||
$primary-nav-padding-x: ($spacer * 0.5) !default;
|
||||
|
||||
$navbar-height: 60px !default;
|
||||
$stickyfooter-height: calc(max(96px, calc(#{$font-size-base} * 3))) !default;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user