mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-21 16:32:18 +02:00
Code Issues Projects Releases Wiki Activity

MDL-66477 theme: add some core styling

Browse Source 
Add a generic colour-inherit class and fix styling for icon
buttons and reset-style class.
This commit is contained in:
Ryan Wyllie 2019-09-17 10:19:23 +08:00 committed by Jun Pataleta
parent b17bb71e88
commit b53f15b111
4 changed files with 74 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
theme/boost/scss/moodle/buttons.scss
View File

@ -49,8 +49,10 @@ p.arrow_button {
.btn.btn-icon {
@extend .btn-link;
height: $icon-width;
width: $icon-width;
height: ($icon-width + 20px);
width: ($icon-width + 20px);
font-size: $icon-width;
line-height: $icon-width;
padding: 0;
border-radius: 50%;
flex-shrink: 0;
@ -63,6 +65,8 @@ p.arrow_button {
&.icon-size-#{$size} {
height: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */
width: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */
font-size: $length !important; /* stylelint-disable-line declaration-no-important */
line-height: $length !important; /* stylelint-disable-line declaration-no-important */
}
}
}

4
theme/boost/scss/moodle/core.scss
View File

@ -2258,6 +2258,10 @@ $switch-transition: .2s all !default;
text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
}
.colour-inherit {
color: inherit !important; /* stylelint-disable-line declaration-no-important */
}
.position-right {
right: 0 !important; /* stylelint-disable-line declaration-no-important */
}

34
theme/boost/style/moodle.css
View File

@ -11453,6 +11453,10 @@ div.editor_atto_toolbar button .icon {
text-decoration: none !important;
/* stylelint-disable-line declaration-no-important */ }
.colour-inherit {
color: inherit !important;
/* stylelint-disable-line declaration-no-important */ }
.position-right {
right: 0 !important;
/* stylelint-disable-line declaration-no-important */ }
@ -16924,8 +16928,10 @@ p.arrow_button {
margin: 0 0 10px 5px; }
.btn.btn-icon, #page-grade-grading-manage .actions .btn-icon.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion {
height: 16px;
width: 16px;
height: 36px;
width: 36px;
font-size: 16px;
line-height: 16px;
padding: 0;
border-radius: 50%;
flex-shrink: 0; }
@ -16935,31 +16941,55 @@ p.arrow_button {
height: 20px !important;
/* stylelint-disable-line declaration-no-important */
width: 20px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 0 !important;
/* stylelint-disable-line declaration-no-important */
line-height: 0 !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-1, #page-grade-grading-manage .actions .btn-icon.icon-size-1.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-1, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-1.addcriterion {
height: 24px !important;
/* stylelint-disable-line declaration-no-important */
width: 24px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 4px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 4px !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-2, #page-grade-grading-manage .actions .btn-icon.icon-size-2.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-2, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-2.addcriterion {
height: 28px !important;
/* stylelint-disable-line declaration-no-important */
width: 28px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 8px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 8px !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-3, #page-grade-grading-manage .actions .btn-icon.icon-size-3.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-3, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-3.addcriterion {
height: 36px !important;
/* stylelint-disable-line declaration-no-important */
width: 36px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 16px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 16px !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-4, #page-grade-grading-manage .actions .btn-icon.icon-size-4.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-4, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-4.addcriterion {
height: 44px !important;
/* stylelint-disable-line declaration-no-important */
width: 44px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 24px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 24px !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-5, #page-grade-grading-manage .actions .btn-icon.icon-size-5.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-5, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-5.addcriterion {
height: 68px !important;
/* stylelint-disable-line declaration-no-important */
width: 68px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 48px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 48px !important;
/* stylelint-disable-line declaration-no-important */ }
.gradetreebox h4 {

34
theme/classic/style/moodle.css
View File

@ -11708,6 +11708,10 @@ div.editor_atto_toolbar button .icon {
text-decoration: none !important;
/* stylelint-disable-line declaration-no-important */ }
.colour-inherit {
color: inherit !important;
/* stylelint-disable-line declaration-no-important */ }
.position-right {
right: 0 !important;
/* stylelint-disable-line declaration-no-important */ }
@ -17200,8 +17204,10 @@ p.arrow_button {
margin: 0 0 10px 5px; }
.btn.btn-icon, #page-grade-grading-manage .actions .btn-icon.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion {
height: 16px;
width: 16px;
height: 36px;
width: 36px;
font-size: 16px;
line-height: 16px;
padding: 0;
border-radius: 50%;
flex-shrink: 0; }
@ -17211,31 +17217,55 @@ p.arrow_button {
height: 20px !important;
/* stylelint-disable-line declaration-no-important */
width: 20px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 0 !important;
/* stylelint-disable-line declaration-no-important */
line-height: 0 !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-1, #page-grade-grading-manage .actions .btn-icon.icon-size-1.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-1, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-1.addcriterion {
height: 24px !important;
/* stylelint-disable-line declaration-no-important */
width: 24px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 4px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 4px !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-2, #page-grade-grading-manage .actions .btn-icon.icon-size-2.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-2, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-2.addcriterion {
height: 28px !important;
/* stylelint-disable-line declaration-no-important */
width: 28px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 8px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 8px !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-3, #page-grade-grading-manage .actions .btn-icon.icon-size-3.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-3, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-3.addcriterion {
height: 36px !important;
/* stylelint-disable-line declaration-no-important */
width: 36px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 16px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 16px !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-4, #page-grade-grading-manage .actions .btn-icon.icon-size-4.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-4, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-4.addcriterion {
height: 44px !important;
/* stylelint-disable-line declaration-no-important */
width: 44px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 24px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 24px !important;
/* stylelint-disable-line declaration-no-important */ }
.btn.btn-icon.icon-size-5, #page-grade-grading-manage .actions .btn-icon.icon-size-5.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-5, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-5.addcriterion {
height: 68px !important;
/* stylelint-disable-line declaration-no-important */
width: 68px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 48px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 48px !important;
/* stylelint-disable-line declaration-no-important */ }
.gradetreebox h4 {