Move alert theme-color() levels to variables

Closes #24341

diff --git a/scss/_alert.scss b/scss/_alert.scss
index c2d5c8109fd29fb547628cb267b762d81e2060fe..dd43e2376a19ef7242532f843e8271d6aa7e72ba 100644 (file)
--- a/scss/_alert.scss
+++ b/scss/_alert.scss
@@ -46,6 +46,6 @@
 
 @each $color, $value in $theme-colors {
   .alert-#{$color} {
-    @include alert-variant(theme-color-level($color, -10), theme-color-level($color, -9), theme-color-level($color, 6));
+    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
   }
 }

diff --git a/scss/_variables.scss b/scss/_variables.scss
index b99b477fb0e3922bb52f2e779358eb7417fbb26f..c7dbdcf846e13b1274cc599ec60dd327e63ab649 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -764,6 +764,10 @@ $alert-border-radius:               $border-radius !default;
 $alert-link-font-weight:            $font-weight-bold !default;
 $alert-border-width:                $border-width !default;
 
+$alert-bg-level:                    -10 !default;
+$alert-border-level:                -9 !default;
+$alert-color-level:                 6!default;
+
 
 // Progress bars