diff options
Diffstat (limited to 'scss/_alert.scss')
| -rw-r--r-- | scss/_alert.scss | 15 |
1 files changed, 5 insertions, 10 deletions
diff --git a/scss/_alert.scss b/scss/_alert.scss index c8bc91b420..0afb295e34 100644 --- a/scss/_alert.scss +++ b/scss/_alert.scss @@ -54,18 +54,13 @@ // scss-docs-start alert-modifiers -// Generate contextual modifier classes for colorizing the alert. - +// Generate contextual modifier classes for colorizing the alert @each $state, $value in $theme-colors { - $alert-background: shift-color($value, $alert-bg-scale); - $alert-border: shift-color($value, $alert-border-scale); - $alert-color: shift-color($value, $alert-color-scale); - - @if (contrast-ratio($alert-background, $alert-color) < $min-contrast-ratio) { - $alert-color: mix($value, color-contrast($alert-background), abs($alert-color-scale)); - } .alert-#{$state} { - @include alert-variant($alert-background, $alert-border, $alert-color); + --#{$prefix}alert-color: var(--#{$prefix}#{$state}-text); + --#{$prefix}alert-bg: var(--#{$prefix}#{$state}-bg-subtle); + --#{$prefix}alert-border-color: var(--#{$prefix}#{$state}-border-subtle); + --#{$prefix}alert-link-color: var(--#{$prefix}#{$state}-text); } } // scss-docs-end alert-modifiers |