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