Skip to content

B
bootstrap
Commit e757ddd6 authored by Chris Rebert's avatar Chris Rebert
Browse files
Options

extract .alert-variant mix-in

parent 95655e72
Hide whitespace changes
Inline Side-by-side
Showing with 17 additions and 27 deletions
less/alerts.less
View file @ e757ddd6
......@@ -43,37 +43,13 @@
// -------------------------
.alert-success {
background-color: @alert-success-bg;
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-variant(@alert-success-bg, @alert-success-border, @alert-success-text);
}
.alert-danger {
background-color: @alert-danger-bg;
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-variant(@alert-danger-bg, @alert-danger-border, @alert-danger-text);
}
.alert-info {
background-color: @alert-info-bg;
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%);
}
.alert-variant(@alert-info-bg, @alert-info-border, @alert-info-text);
}
// Block alerts
......
less/mixins.less
View file @ e757ddd6
......@@ -361,6 +361,20 @@
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
// -------------------------
// 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