Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 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 | } |