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