2014-12-02 22:02:35 +00:00
|
|
|
// List Groups
|
|
|
|
|
2021-02-11 03:29:59 +00:00
|
|
|
// scss-docs-start list-group-mixin
|
2014-12-02 22:02:35 +00:00
|
|
|
@mixin list-group-item-variant($state, $background, $color) {
|
2015-08-23 04:46:46 +00:00
|
|
|
.list-group-item-#{$state} {
|
2014-12-02 22:02:35 +00:00
|
|
|
color: $color;
|
|
|
|
background-color: $background;
|
|
|
|
|
2018-01-17 23:36:57 +00:00
|
|
|
&.list-group-item-action {
|
2018-09-17 23:10:07 +00:00
|
|
|
&:hover,
|
|
|
|
&:focus {
|
2018-01-17 23:36:57 +00:00
|
|
|
color: $color;
|
2020-10-13 07:58:06 +00:00
|
|
|
background-color: shade-color($background, 10%);
|
2018-01-17 23:36:57 +00:00
|
|
|
}
|
2014-12-02 22:02:35 +00:00
|
|
|
|
2018-01-17 23:36:57 +00:00
|
|
|
&.active {
|
2018-03-12 17:19:37 +00:00
|
|
|
color: $white;
|
2018-01-17 23:36:57 +00:00
|
|
|
background-color: $color;
|
|
|
|
border-color: $color;
|
|
|
|
}
|
2014-12-02 22:02:35 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2021-02-11 03:29:59 +00:00
|
|
|
// scss-docs-end list-group-mixin
|