summaryrefslogtreecommitdiffstats
path: root/css/bootstrap/alerts.less
diff options
context:
space:
mode:
authorArun Persaud <arun@nubati.net>2012-10-05 21:34:54 -0700
committerArun Persaud <arun@nubati.net>2012-10-05 21:38:18 -0700
commit494ee831e66d59afbf02d42ba59b7ba21f61c011 (patch)
tree6fd12684f7486c841ea0d246bafc6bdca6bc7afb /css/bootstrap/alerts.less
parent197cea7c7d2c60f7ca0e8c40b4413ae331cd432c (diff)
downloade-DoKo-494ee831e66d59afbf02d42ba59b7ba21f61c011.tar.gz
e-DoKo-494ee831e66d59afbf02d42ba59b7ba21f61c011.tar.bz2
e-DoKo-494ee831e66d59afbf02d42ba59b7ba21f61c011.zip
added less, moved bootstrap to less components
Diffstat (limited to 'css/bootstrap/alerts.less')
-rw-r--r--css/bootstrap/alerts.less65
1 files changed, 65 insertions, 0 deletions
diff --git a/css/bootstrap/alerts.less b/css/bootstrap/alerts.less
new file mode 100644
index 0000000..6df5fd7
--- /dev/null
+++ b/css/bootstrap/alerts.less
@@ -0,0 +1,65 @@
+//
+// Alerts
+// --------------------------------------------------
+
+
+// Base styles
+// -------------------------
+
+.alert {
+ padding: 8px 35px 8px 14px;
+ margin-bottom: @baseLineHeight;
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
+ background-color: @warningBackground;
+ border: 1px solid @warningBorder;
+ .border-radius(4px);
+ color: @warningText;
+}
+.alert h4 {
+ margin: 0;
+}
+
+// Adjust close link position
+.alert .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ line-height: @baseLineHeight;
+}
+
+
+// Alternate styles
+// -------------------------
+
+.alert-success {
+ background-color: @successBackground;
+ border-color: @successBorder;
+ color: @successText;
+}
+.alert-danger,
+.alert-error {
+ background-color: @errorBackground;
+ border-color: @errorBorder;
+ color: @errorText;
+}
+.alert-info {
+ background-color: @infoBackground;
+ border-color: @infoBorder;
+ color: @infoText;
+}
+
+
+// Block alerts
+// -------------------------
+
+.alert-block {
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+.alert-block > p,
+.alert-block > ul {
+ margin-bottom: 0;
+}
+.alert-block p + p {
+ margin-top: 5px;
+}