diff options
Diffstat (limited to 'less/alerts.less')
| -rw-r--r-- | less/alerts.less | 45 |
1 files changed, 22 insertions, 23 deletions
diff --git a/less/alerts.less b/less/alerts.less index e3637ead9..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,40 +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, -.alert-error { - background-color: @state-danger-bg; - border-color: @state-danger-border; - color: @state-danger-text; +.alert-danger { + 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%); } } |
