diff options
author | Arun Persaud <arun@nubati.net> | 2012-10-05 21:34:54 -0700 |
---|---|---|
committer | Arun Persaud <arun@nubati.net> | 2012-10-05 21:38:18 -0700 |
commit | 494ee831e66d59afbf02d42ba59b7ba21f61c011 (patch) | |
tree | 6fd12684f7486c841ea0d246bafc6bdca6bc7afb /css/bootstrap/alerts.less | |
parent | 197cea7c7d2c60f7ca0e8c40b4413ae331cd432c (diff) | |
download | e-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.less | 65 |
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; +} |