diff options
| author | Mark Otto <[email protected]> | 2013-04-20 15:47:07 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-04-20 15:47:07 -0700 |
| commit | 2d5ab9a2de88a5cb9c0e13d2c9024e8cc0719b4e (patch) | |
| tree | bee1fa0fd3bf7c20d764bdd9888f8b45bcf1f46e /less | |
| parent | dc4436dbc9f328f4ad6ee391b6836b6c8d0324c2 (diff) | |
| download | bootstrap-2d5ab9a2de88a5cb9c0e13d2c9024e8cc0719b4e.tar.xz bootstrap-2d5ab9a2de88a5cb9c0e13d2c9024e8cc0719b4e.zip | |
Make alerts use variables better
Diffstat (limited to 'less')
| -rw-r--r-- | less/alerts.less | 42 | ||||
| -rw-r--r-- | less/variables.less | 19 |
2 files changed, 40 insertions, 21 deletions
diff --git a/less/alerts.less b/less/alerts.less index ee5fc294d..882b25bef 100644 --- a/less/alerts.less +++ b/less/alerts.less @@ -9,10 +9,10 @@ .alert { padding: 8px 35px 8px 14px; margin-bottom: @line-height-base; - color: @state-warning-text; - background-color: @state-warning-bg; - border: 1px solid @state-warning-border; - border-radius: @border-radius-base; + color: @alert-text; + background-color: @alert-bg; + border: 1px solid @alert-border; + border-radius: @alert-border-radius; // Headings for larger alerts h4 { @@ -22,13 +22,13 @@ } // Match the hr to the border of the alert hr { - border-top-color: darken(@state-warning-border, 5%); + border-top-color: darken(@alert-border, 5%); } // Inherit color for immediate links and bolden them some > a, > p > a { font-weight: 500; - color: darken(@state-warning-text, 10%); + color: darken(@alert-text, 10%); } // Adjust close link position @@ -44,39 +44,39 @@ // ------------------------- .alert-success { - background-color: @state-success-bg; - border-color: @state-success-border; - color: @state-success-text; + background-color: @alert-success-bg; + border-color: @alert-success-border; + color: @alert-success-text; hr { - border-top-color: darken(@state-success-border, 5%); + border-top-color: darken(@alert-success-border, 5%); } > a, > p > a { - color: darken(@state-success-text, 10%); + color: darken(@alert-success-text, 10%); } } .alert-danger { - background-color: @state-danger-bg; - border-color: @state-danger-border; - color: @state-danger-text; + background-color: @alert-danger-bg; + border-color: @alert-danger-border; + color: @alert-danger-text; hr { - border-top-color: darken(@state-danger-border, 5%); + border-top-color: darken(@alert-danger-border, 5%); } > a, > p > a { - color: darken(@state-danger-text, 10%); + color: darken(@alert-danger-text, 10%); } } .alert-info { - background-color: @state-info-bg; - border-color: @state-info-border; - color: @state-info-text; + background-color: @alert-info-bg; + border-color: @alert-info-border; + color: @alert-info-text; hr { - border-top-color: darken(@state-info-border, 5%); + border-top-color: darken(@alert-info-border, 5%); } > a, > p > a { - color: darken(@state-info-text, 10%); + color: darken(@alert-info-text, 10%); } } diff --git a/less/variables.less b/less/variables.less index 37e602631..41aad04d5 100644 --- a/less/variables.less +++ b/less/variables.less @@ -277,6 +277,25 @@ @modal-title-padding: 15px; @modal-title-line-height: @line-height-base; +// Alerts +// ------------------------- +@alert-bg: @state-warning-bg; +@alert-text: @state-warning-text; +@alert-border: @state-warning-border; +@alert-border-radius: @border-radius-base; + +@alert-success-bg: @state-success-bg; +@alert-success-text: @state-success-text; +@alert-success-border: @state-success-border; + +@alert-danger-bg: @state-danger-bg; +@alert-danger-text: @state-danger-text; +@alert-danger-border: @state-danger-border; + +@alert-info-bg: @state-info-bg; +@alert-info-text: @state-info-text; +@alert-info-border: @state-info-border; + // Progress bars // ------------------------- |