Move alert theme-color() levels to variables

mdo · mdo · commit a6ae1cc50dff · 2017-12-28T10:20:34.000-08:00
Closes #24341
diff --git 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
@@ -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
 

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,6 @@`
`46`	`46`
`47`	`47`	`@each $color, $value in $theme-colors {`
`48`	`48`	`.alert-#{$color} {`
`49`		`- @include alert-variant(theme-color-level($color, -10), theme-color-level($color, -9), theme-color-level($color, 6));`
	`49`	`+ @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));`
`50`	`50`	`}`
`51`	`51`	`}`