1 | // List Groups
|
2 |
|
3 | @mixin list-group-item-variant($state, $background, $color) {
|
4 | .list-group-item-#{$state} {
|
5 | color: $color;
|
6 | background-color: $background;
|
7 |
|
8 | &.list-group-item-action {
|
9 | @include hover-focus {
|
10 | color: $color;
|
11 | background-color: darken($background, 5%);
|
12 | }
|
13 |
|
14 | &.active {
|
15 | color: $white;
|
16 | background-color: $color;
|
17 | border-color: $color;
|
18 | }
|
19 | }
|
20 | }
|
21 | }
|