color: $list-group-link-color;
text-align: inherit; // For `<button>`s (anchors inherit)
- .list-group-item-heading {
- color: $list-group-link-heading-color;
- }
-
// Hover state
@include hover-focus {
color: $list-group-link-hover-color;
color: $list-group-disabled-color;
cursor: $cursor-disabled;
background-color: $list-group-disabled-bg;
-
- // Force color to inherit for custom content
- .list-group-item-heading {
- color: inherit;
- }
- .list-group-item-text {
- color: $list-group-disabled-text-color;
- }
}
// Include both here for `<a>`s and `<button>`s
color: $list-group-active-color;
background-color: $list-group-active-bg;
border-color: $list-group-active-border;
-
- // Force color to inherit for custom content
- .list-group-item-heading,
- .list-group-item-heading > small,
- .list-group-item-heading > .small {
- color: inherit;
- }
-
- .list-group-item-text {
- color: $list-group-active-text-color;
- }
}
}
$list-group-active-color: $component-active-color !default;
$list-group-active-bg: $component-active-bg !default;
$list-group-active-border: $list-group-active-bg !default;
-$list-group-active-text-color: lighten($list-group-active-bg, 50%) !default;
$list-group-disabled-color: $gray-light !default;
$list-group-disabled-bg: $list-group-bg !default;
-$list-group-disabled-text-color: $list-group-disabled-color !default;
$list-group-link-color: $gray !default;
-$list-group-link-heading-color: $gray-dark !default;
$list-group-link-hover-color: $list-group-link-color !default;
$list-group-link-active-color: $list-group-color !default;