mirror of
https://gitea.phreedom.club/tolstoevsky/fedi.git
synced 2024-11-27 13:51:28 +00:00
33 lines
672 B
SCSS
33 lines
672 B
SCSS
|
// List Groups
|
||
|
|
||
|
@mixin list-group-item-variant($state, $background, $color) {
|
||
|
.list-group-item-#{$state} {
|
||
|
color: $color;
|
||
|
background-color: $background;
|
||
|
|
||
|
// [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
|
||
|
}
|
||
|
|
||
|
a.list-group-item-#{$state},
|
||
|
button.list-group-item-#{$state} {
|
||
|
color: $color;
|
||
|
|
||
|
.list-group-item-heading {
|
||
|
color: inherit;
|
||
|
}
|
||
|
|
||
|
&:hover,
|
||
|
&:focus {
|
||
|
color: $color;
|
||
|
background-color: darken($background, 5%);
|
||
|
}
|
||
|
&.active,
|
||
|
&.active:hover,
|
||
|
&.active:focus {
|
||
|
color: #fff;
|
||
|
background-color: $color;
|
||
|
border-color: $color;
|
||
|
}
|
||
|
}
|
||
|
}
|