2014-12-02 14:02:35 -08:00
|
|
|
// List Groups
|
|
|
|
|
|
|
|
@mixin list-group-item-variant($state, $background, $color) {
|
|
|
|
.list-group-item-#{state} {
|
|
|
|
color: $color;
|
|
|
|
background-color: $background;
|
|
|
|
}
|
|
|
|
|
2015-06-18 23:56:43 -07:00
|
|
|
a.list-group-item-#{state},
|
|
|
|
button.list-group-item-#{state} {
|
2014-12-02 14:02:35 -08:00
|
|
|
color: $color;
|
|
|
|
|
|
|
|
.list-group-item-heading {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
2015-01-01 01:05:01 -08:00
|
|
|
@include hover-focus {
|
2014-12-02 14:02:35 -08:00
|
|
|
color: $color;
|
|
|
|
background-color: darken($background, 5%);
|
|
|
|
}
|
|
|
|
|
2015-01-01 01:05:01 -08:00
|
|
|
&.active {
|
|
|
|
@include plain-hover-focus {
|
|
|
|
color: #fff;
|
|
|
|
background-color: $color;
|
|
|
|
border-color: $color;
|
|
|
|
}
|
2014-12-02 14:02:35 -08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|