62 lines
1.2 KiB
SCSS
62 lines
1.2 KiB
SCSS
// 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;
|
|
} |