diff options
| author | Mark Otto <markdotto@gmail.com> | 2017-06-26 04:22:51 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2017-06-26 04:22:51 +0300 |
| commit | 2392047a0ccc270897c3c451e9646e81a4ff3035 (patch) | |
| tree | f6bbcddc4be3a3d3abc7a8fd071ebfae9c5eca76 /scss/_alert.scss | |
| parent | fc053ed096a16a4c0840fc9a942394390847b12c (diff) | |
update alert component to use theme sass map and add a ton of options in the process
Diffstat (limited to 'scss/_alert.scss')
| -rw-r--r-- | scss/_alert.scss | 15 |
1 files changed, 4 insertions, 11 deletions
diff --git a/scss/_alert.scss b/scss/_alert.scss index 562821a58b..3dfd13f56a 100644 --- a/scss/_alert.scss +++ b/scss/_alert.scss @@ -41,15 +41,8 @@ // // Generate contextual modifier classes for colorizing the alert. -.alert-success { - @include alert-variant($alert-success-bg, $alert-success-border-color, $alert-success-text); -} -.alert-info { - @include alert-variant($alert-info-bg, $alert-info-border-color, $alert-info-text); -} -.alert-warning { - @include alert-variant($alert-warning-bg, $alert-warning-border-color, $alert-warning-text); -} -.alert-danger { - @include alert-variant($alert-danger-bg, $alert-danger-border-color, $alert-danger-text); +@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)); + } } |