use theme-color modifiers for .alert-*

* use theme-color modifiers for `.alert-*`

📖 http://getbootstrap.com/docs/4.0/getting-started/theming/#modifiers
This commit is contained in:
m5o
2017-12-02 18:02:26 +01:00
parent 2aabd3808d
commit cbde3396ca
28 changed files with 216 additions and 408 deletions

View File

@@ -165,28 +165,10 @@ legend,
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8911,20 +8911,28 @@ legend,
background-color: #2A9FD6; background-color: #2A9FD6;
} }
.alert-secondary {
background-color: #555;
}
.alert-success { .alert-success {
background-color: #77B300; background-color: #77B300;
} }
.alert-danger { .alert-info {
background-color: #CC0000; background-color: #9933CC;
} }
.alert-warning { .alert-warning {
background-color: #FF8800; background-color: #FF8800;
} }
.alert-info { .alert-danger {
background-color: #9933CC; background-color: #CC0000;
}
.alert-light {
background-color: #f8f9fa;
} }
.alert-dark { .alert-dark {

View File

@@ -159,28 +159,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8906,20 +8906,28 @@ a.text-dark:focus, a.text-dark:hover {
background-color: #375a7f; background-color: #375a7f;
} }
.alert-secondary {
background-color: #444;
}
.alert-success { .alert-success {
background-color: #00bc8c; background-color: #00bc8c;
} }
.alert-danger { .alert-info {
background-color: #E74C3C; background-color: #3498DB;
} }
.alert-warning { .alert-warning {
background-color: #F39C12; background-color: #F39C12;
} }
.alert-info { .alert-danger {
background-color: #3498DB; background-color: #E74C3C;
}
.alert-light {
background-color: #303030;
} }
.alert-dark { .alert-dark {

View File

@@ -173,28 +173,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8907,20 +8907,28 @@ a.text-dark:focus, a.text-dark:hover {
background-color: #2C3E50; background-color: #2C3E50;
} }
.alert-secondary {
background-color: #95a5a6;
}
.alert-success { .alert-success {
background-color: #18BC9C; background-color: #18BC9C;
} }
.alert-danger { .alert-info {
background-color: #E74C3C; background-color: #3498DB;
} }
.alert-warning { .alert-warning {
background-color: #F39C12; background-color: #F39C12;
} }
.alert-info { .alert-danger {
background-color: #3498DB; background-color: #E74C3C;
}
.alert-light {
background-color: #ecf0f1;
} }
.alert-dark { .alert-dark {

View File

@@ -175,28 +175,10 @@ table,
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -589,28 +589,10 @@ input[type="checkbox"],
color: #fff; color: #fff;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
a:not(.close):not(.btn), a:not(.close):not(.btn),

View File

@@ -10178,20 +10178,28 @@ input[type="checkbox"]:disabled:checked:after,
background-color: #2196F3; background-color: #2196F3;
} }
.alert-secondary {
background-color: #fff;
}
.alert-success { .alert-success {
background-color: #4CAF50; background-color: #4CAF50;
} }
.alert-danger { .alert-info {
background-color: #e51c23; background-color: #9C27B0;
} }
.alert-warning { .alert-warning {
background-color: #ff9800; background-color: #ff9800;
} }
.alert-info { .alert-danger {
background-color: #9C27B0; background-color: #e51c23;
}
.alert-light {
background-color: #fff;
} }
.alert-dark { .alert-dark {

View File

@@ -385,28 +385,10 @@ legend {
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -99,28 +99,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro" !defau
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8847,22 +8847,30 @@ a.text-dark:focus, a.text-dark:hover {
background-color: #B58900; background-color: #B58900;
} }
.alert-secondary {
background-color: #839496;
}
.alert-success { .alert-success {
background-color: #2AA198; background-color: #2AA198;
} }
.alert-danger {
background-color: #D33682;
}
.alert-warning {
background-color: #CB4B16;
}
.alert-info { .alert-info {
background-color: #268BD2; background-color: #268BD2;
} }
.alert-warning {
background-color: #CB4B16;
}
.alert-danger {
background-color: #D33682;
}
.alert-light {
background-color: #FDF6E3;
}
.alert-dark { .alert-dark {
background-color: #073642; background-color: #073642;
} }

View File

@@ -159,28 +159,10 @@ label,
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8914,20 +8914,28 @@ label,
background-color: #DF691A; background-color: #DF691A;
} }
.alert-secondary {
background-color: #4E5D6C;
}
.alert-success { .alert-success {
background-color: #5cb85c; background-color: #5cb85c;
} }
.alert-danger { .alert-info {
background-color: #d9534f; background-color: #5bc0de;
} }
.alert-warning { .alert-warning {
background-color: #f0ad4e; background-color: #f0ad4e;
} }
.alert-info { .alert-danger {
background-color: #5bc0de; background-color: #d9534f;
}
.alert-light {
background-color: #8d9dad;
} }
.alert-dark { .alert-dark {

View File

@@ -165,28 +165,10 @@ legend,
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8911,20 +8911,28 @@ legend,
background-color: #2A9FD6; background-color: #2A9FD6;
} }
.alert-secondary {
background-color: #555;
}
.alert-success { .alert-success {
background-color: #77B300; background-color: #77B300;
} }
.alert-danger { .alert-info {
background-color: #CC0000; background-color: #9933CC;
} }
.alert-warning { .alert-warning {
background-color: #FF8800; background-color: #FF8800;
} }
.alert-info { .alert-danger {
background-color: #9933CC; background-color: #CC0000;
}
.alert-light {
background-color: #f8f9fa;
} }
.alert-dark { .alert-dark {

View File

@@ -159,28 +159,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8906,20 +8906,28 @@ a.text-dark:focus, a.text-dark:hover {
background-color: #375a7f; background-color: #375a7f;
} }
.alert-secondary {
background-color: #444;
}
.alert-success { .alert-success {
background-color: #00bc8c; background-color: #00bc8c;
} }
.alert-danger { .alert-info {
background-color: #E74C3C; background-color: #3498DB;
} }
.alert-warning { .alert-warning {
background-color: #F39C12; background-color: #F39C12;
} }
.alert-info { .alert-danger {
background-color: #3498DB; background-color: #E74C3C;
}
.alert-light {
background-color: #303030;
} }
.alert-dark { .alert-dark {

View File

@@ -173,28 +173,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8907,20 +8907,28 @@ a.text-dark:focus, a.text-dark:hover {
background-color: #2C3E50; background-color: #2C3E50;
} }
.alert-secondary {
background-color: #95a5a6;
}
.alert-success { .alert-success {
background-color: #18BC9C; background-color: #18BC9C;
} }
.alert-danger { .alert-info {
background-color: #E74C3C; background-color: #3498DB;
} }
.alert-warning { .alert-warning {
background-color: #F39C12; background-color: #F39C12;
} }
.alert-info { .alert-danger {
background-color: #3498DB; background-color: #E74C3C;
}
.alert-light {
background-color: #ecf0f1;
} }
.alert-dark { .alert-dark {

View File

@@ -175,28 +175,10 @@ table,
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -589,28 +589,10 @@ input[type="checkbox"],
color: #fff; color: #fff;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
a:not(.close):not(.btn), a:not(.close):not(.btn),

View File

@@ -10178,20 +10178,28 @@ input[type="checkbox"]:disabled:checked:after,
background-color: #2196F3; background-color: #2196F3;
} }
.alert-secondary {
background-color: #fff;
}
.alert-success { .alert-success {
background-color: #4CAF50; background-color: #4CAF50;
} }
.alert-danger { .alert-info {
background-color: #e51c23; background-color: #9C27B0;
} }
.alert-warning { .alert-warning {
background-color: #ff9800; background-color: #ff9800;
} }
.alert-info { .alert-danger {
background-color: #9C27B0; background-color: #e51c23;
}
.alert-light {
background-color: #fff;
} }
.alert-dark { .alert-dark {

View File

@@ -385,28 +385,10 @@ legend {
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -99,28 +99,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro" !defau
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8847,22 +8847,30 @@ a.text-dark:focus, a.text-dark:hover {
background-color: #B58900; background-color: #B58900;
} }
.alert-secondary {
background-color: #839496;
}
.alert-success { .alert-success {
background-color: #2AA198; background-color: #2AA198;
} }
.alert-danger {
background-color: #D33682;
}
.alert-warning {
background-color: #CB4B16;
}
.alert-info { .alert-info {
background-color: #268BD2; background-color: #268BD2;
} }
.alert-warning {
background-color: #CB4B16;
}
.alert-danger {
background-color: #D33682;
}
.alert-light {
background-color: #FDF6E3;
}
.alert-dark { .alert-dark {
background-color: #073642; background-color: #073642;
} }

View File

@@ -159,28 +159,10 @@ label,
text-decoration: underline; text-decoration: underline;
} }
&-primary { @each $color, $value in $theme-colors {
background-color: $primary; &-#{$color} {
} background-color: $value;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
} }
} }

View File

@@ -8914,20 +8914,28 @@ label,
background-color: #DF691A; background-color: #DF691A;
} }
.alert-secondary {
background-color: #4E5D6C;
}
.alert-success { .alert-success {
background-color: #5cb85c; background-color: #5cb85c;
} }
.alert-danger { .alert-info {
background-color: #d9534f; background-color: #5bc0de;
} }
.alert-warning { .alert-warning {
background-color: #f0ad4e; background-color: #f0ad4e;
} }
.alert-info { .alert-danger {
background-color: #5bc0de; background-color: #d9534f;
}
.alert-light {
background-color: #8d9dad;
} }
.alert-dark { .alert-dark {