diff options
author | elijah <elijah@riseup.net> | 2012-08-24 21:12:36 -0700 |
---|---|---|
committer | elijah <elijah@riseup.net> | 2012-08-24 21:12:36 -0700 |
commit | 627f0488e5bd3c31359fc9e78acffbfea4a86a8b (patch) | |
tree | f7b14733e314cf82d5fa3e18cbe9d98c2ffe5c7c /app/assets/stylesheets/bootstrap/_alerts.scss | |
parent | b774dea07f97b078fa17e5dcbf901d1c83fed0d6 (diff) |
committed website v. 0.1.0
Diffstat (limited to 'app/assets/stylesheets/bootstrap/_alerts.scss')
-rw-r--r-- | app/assets/stylesheets/bootstrap/_alerts.scss | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/app/assets/stylesheets/bootstrap/_alerts.scss b/app/assets/stylesheets/bootstrap/_alerts.scss new file mode 100644 index 0000000..4c4b9e7 --- /dev/null +++ b/app/assets/stylesheets/bootstrap/_alerts.scss @@ -0,0 +1,70 @@ +// ALERT STYLES +// ------------ + +// Base alert 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; + @include border-radius(4px); +} +.alert, +.alert-heading { + color: $warningText; +} + +// Adjust close link position +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 18px; +} + +// Alternate styles +// ---------------- + +.alert-success { + background-color: $successBackground; + border-color: $successBorder; +} +.alert-success, +.alert-success .alert-heading { + color: $successText; +} +.alert-danger, +.alert-error { + background-color: $errorBackground; + border-color: $errorBorder; +} +.alert-danger, +.alert-error, +.alert-danger .alert-heading, +.alert-error .alert-heading { + color: $errorText; +} +.alert-info { + background-color: $infoBackground; + border-color: $infoBorder; +} +.alert-info, +.alert-info .alert-heading { + 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; +} |