aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-08-18 20:10:14 -0700
committerMark Otto <[email protected]>2013-08-18 20:10:14 -0700
commit2e9184366129139bb9b64b679a0e75a3c556465e (patch)
treedf224538a837a3701f088d1283caa0afaf10c074 /less
parent93887f4bd001005e75ef636ef7600c6bcc9a61f4 (diff)
parente6ff75bcea01a75306e7a747103b0647bec909af (diff)
downloadbootstrap-2e9184366129139bb9b64b679a0e75a3c556465e.tar.xz
bootstrap-2e9184366129139bb9b64b679a0e75a3c556465e.zip
Merge pull request #9818 from twbs/bs3_alert_base_class
BS3: Refactor alerts to require a modifier class
Diffstat (limited to 'less')
-rw-r--r--less/alerts.less18
-rw-r--r--less/theme.less2
-rw-r--r--less/variables.less16
3 files changed, 16 insertions, 20 deletions
diff --git a/less/alerts.less b/less/alerts.less
index 3ba463dba..be09d18d0 100644
--- a/less/alerts.less
+++ b/less/alerts.less
@@ -9,9 +9,7 @@
.alert {
padding: @alert-padding;
margin-bottom: @line-height-computed;
- color: @alert-text;
- background-color: @alert-bg;
- border: 1px solid @alert-border;
+ border: 1px solid transparent;
border-radius: @alert-border-radius;
// Headings for larger alerts
@@ -20,14 +18,9 @@
// Specified for the h4 to prevent conflicts of changing @headingsColor
color: inherit;
}
- // Match the hr to the border of the alert
- hr {
- border-top-color: darken(@alert-border, 5%);
- }
// Provide class for links that match alerts
.alert-link {
font-weight: @alert-link-font-weight;
- color: darken(@alert-text, 10%);
}
// Improve alignment and spacing of inner content
@@ -63,9 +56,12 @@
.alert-success {
.alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
}
-.alert-danger {
- .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
-}
.alert-info {
.alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
}
+.alert-warning {
+ .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
+}
+.alert-danger {
+ .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
+}
diff --git a/less/theme.less b/less/theme.less
index d2f98f2fb..380be4076 100644
--- a/less/theme.less
+++ b/less/theme.less
@@ -148,9 +148,9 @@
}
// Apply the mixin to the alerts
-.alert { .alert-styles(@alert-bg); }
.alert-success { .alert-styles(@alert-success-bg); }
.alert-info { .alert-styles(@alert-info-bg); }
+.alert-warning { .alert-styles(@alert-warning-bg); }
.alert-danger { .alert-styles(@alert-danger-bg); }
diff --git a/less/variables.less b/less/variables.less
index 53aad251b..f2274b7f1 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -439,22 +439,22 @@
@alert-border-radius: @border-radius-base;
@alert-link-font-weight: bold;
-@alert-bg: @state-warning-bg;
-@alert-text: @state-warning-text;
-@alert-border: @state-warning-border;
-
@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;
+@alert-warning-bg: @state-warning-bg;
+@alert-warning-text: @state-warning-text;
+@alert-warning-border: @state-warning-border;
+
+@alert-danger-bg: @state-danger-bg;
+@alert-danger-text: @state-danger-text;
+@alert-danger-border: @state-danger-border;
+
// Progress bars
// -------------------------