// List Groups | |
.list-group-item-variant(@state; @background; @color) { | |
.list-group-item-@{state} { | |
color: @color; | |
background-color: @background; | |
a& { | |
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; | |
} | |
} | |
} | |
} |