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 |
|
9 | a.list-group-item-#{$state},
|
10 | button.list-group-item-#{$state} {
|
11 | color: $color;
|
12 |
|
13 | .list-group-item-heading {
|
14 | color: inherit;
|
15 | }
|
16 |
|
17 | @include hover-focus {
|
18 | color: $color;
|
19 | background-color: darken($background, 5%);
|
20 | }
|
21 |
|
22 | &.active {
|
23 | color: #fff;
|
24 | background-color: $color;
|
25 | border-color: $color;
|
26 | }
|
27 | }
|
28 | }
|