// Organizationally, this must come after the `:hover` states.
@each $state, $value in $theme-colors {
- $list-group-background: shift-color($value, $list-group-item-bg-scale);
- $list-group-color: shift-color($value, $list-group-item-color-scale);
- @if (contrast-ratio($list-group-background, $list-group-color) < $min-contrast-ratio) {
- $list-group-color: mix($value, color-contrast($list-group-background), abs($list-group-item-color-scale));
+ $list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);
+ $list-group-variant-color: shift-color($value, $list-group-item-color-scale);
+ @if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {
+ $list-group-variant-color: mix($value, color-contrast($list-group-variant-bg), abs($list-group-item-color-scale));
}
- @include list-group-item-variant($state, $list-group-background, $list-group-color);
+ @include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);
}
// scss-docs-end list-group-modifiers