MDL-80620 theme_boost: Change expand/collapse buttons style

This commit is contained in:
Mikel Martín 2024-01-31 16:25:29 +01:00
parent e567c21d6e
commit af50bda3d6
3 changed files with 25 additions and 0 deletions

View File

@ -61,6 +61,15 @@ p.arrow_button {
}
}
// Specific styles for the collapse/expand buttons.
.btn.btn-icon.icons-collapse-expand {
color: $primary;
background-color: $primary-light-background;
&:hover {
outline: 2px solid $primary;
}
}
@mixin button-focus($background, $innershadow) {
&:focus,
&.focus {

View File

@ -35229,6 +35229,14 @@ p.arrow_button {
line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icons-collapse-expand {
color: #0f6cbf;
background-color: #f5f9fc;
}
.btn.btn-icon.icons-collapse-expand:hover {
outline: 2px solid #0f6cbf;
}
.btn-primary:focus, .btn-primary.focus {
outline: 0.2rem solid #000102;
box-shadow: inset 0 0 0 2px #fff;

View File

@ -35229,6 +35229,14 @@ p.arrow_button {
line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icons-collapse-expand {
color: #0f6cbf;
background-color: #f5f9fc;
}
.btn.btn-icon.icons-collapse-expand:hover {
outline: 2px solid #0f6cbf;
}
.btn-primary:focus, .btn-primary.focus {
outline: 0.2rem solid #000102;
box-shadow: inset 0 0 0 2px #fff;