diff options
| author | Chris Rebert <[email protected]> | 2013-07-06 22:01:34 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2013-07-07 15:21:40 -0700 |
| commit | e757ddd60fb48849159e19abb9ebbc6df10fc78d (patch) | |
| tree | 7bc46b1a28a00e12f56f0cbe13298f47920fa332 | |
| parent | 95655e72754b9450d04108593f60647cf2e2241c (diff) | |
| download | bootstrap-e757ddd60fb48849159e19abb9ebbc6df10fc78d.tar.xz bootstrap-e757ddd60fb48849159e19abb9ebbc6df10fc78d.zip | |
extract .alert-variant mix-in
| -rw-r--r-- | less/alerts.less | 30 | ||||
| -rw-r--r-- | less/mixins.less | 14 |
2 files changed, 17 insertions, 27 deletions
diff --git a/less/alerts.less b/less/alerts.less index 596734152..66aa6cf24 100644 --- a/less/alerts.less +++ b/less/alerts.less @@ -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 diff --git a/less/mixins.less b/less/mixins.less index eb05623ac..8bbb551a5 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -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, |