Skip to content

B
bootstrap
Commit 400e9b2a authored by Mark Otto's avatar Mark Otto
Browse files
Options

Merge pull request #8404 from cvrebert/alert-variant 

extract .alert-variant mix-in
parents 95655e72 e757ddd6
Hide whitespace changes
Inline Side-by-side
Showing with 17 additions and 27 deletions
less/alerts.less
View file @ 400e9b2a
...@@ -43,37 +43,13 @@ ...@@ -43,37 +43,13 @@
// ------------------------- // -------------------------
.alert-success { .alert-success {
background-color: @alert-success-bg; .alert-variant(@alert-success-bg, @alert-success-border, @alert-success-text);
border-color: @alert-success-border;
color: @alert-success-text;
hr {
border-top-color: darken(@alert-success-border, 5%);
}
.alert-link {
color: darken(@alert-success-text, 10%);
}
} }
.alert-danger { .alert-danger {
background-color: @alert-danger-bg; .alert-variant(@alert-danger-bg, @alert-danger-border, @alert-danger-text);
border-color: @alert-danger-border;
color: @alert-danger-text;
hr {
border-top-color: darken(@alert-danger-border, 5%);
}
.alert-link {
color: darken(@alert-danger-text, 10%);
}
} }
.alert-info { .alert-info {
background-color: @alert-info-bg; .alert-variant(@alert-info-bg, @alert-info-border, @alert-info-text);
border-color: @alert-info-border;
color: @alert-info-text;
hr {
border-top-color: darken(@alert-info-border, 5%);
}
.alert-link {
color: darken(@alert-info-text, 10%);
}
} }
// Block alerts // Block alerts
......
less/mixins.less
View file @ 400e9b2a
...@@ -361,6 +361,20 @@ ...@@ -361,6 +361,20 @@
border-bottom: 1px solid @bottom; border-bottom: 1px solid @bottom;
} }
// Alerts
// -------------------------
.alert-variant(@background, @border, @text-color) {
background-color: @background;
border-color: @border;
color: @text-color;
hr {
border-top-color: darken(@border, 5%);
}
.alert-link {
color: darken(@text-color, 10%);
}
}
// Button psuedo states // Button psuedo states
// ------------------------- // -------------------------
// Easily pump out default styles, as well as :hover, :focus, :active, // Easily pump out default styles, as well as :hover, :focus, :active,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment