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;
}
&-primary {
background-color: $primary;
}
&-success {
background-color: $success;
}
&-danger {
background-color: $danger;
}
&-warning {
background-color: $warning;
}
&-info {
background-color: $info;
}
&-dark {
background-color: $dark;
@each $color, $value in $theme-colors {
&-#{$color} {
background-color: $value;
}
}
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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