// List Groups | |
@mixin list-group-item-variant($state, $background, $color) { | |
.list-group-item-#{$state} { | |
color: $color; | |
background-color: $background; | |
// [converter] extracted a& to a.list-group-item-#{$state} | |
} | |
a.list-group-item-#{$state} { | |
color: $color; | |
.list-group-item-heading { | |
color: inherit; | |
} | |
&:hover, | |
&:focus { | |
color: $color; | |
background-color: darken($background, 5%); | |
} | |
&.active, | |
&.active:hover, | |
&.active:focus { | |
color: #fff; | |
background-color: $color; | |
border-color: $color; | |
} | |
} | |
} |