60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
//
|
|
// Alerts
|
|
// --------------------------------------------------
|
|
|
|
// Default alerts
|
|
//
|
|
|
|
.alert {
|
|
@include pixel-alert(#f9f1c7, #af8640, #f6deac);
|
|
|
|
// Close link
|
|
.close{
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.alert.alert-danger {
|
|
@include pixel-alert(#f2dede, #b94a48, #ebccd1);
|
|
}
|
|
|
|
.alert.alert-success {
|
|
@include pixel-alert(#dff0d8, #468847, #d0e6be);
|
|
}
|
|
|
|
.alert.alert-info {
|
|
@include pixel-alert(#d9edf7, #3a87ad, #bce8f1);
|
|
}
|
|
|
|
|
|
// Dark alerts
|
|
//
|
|
|
|
.alert.alert-dark {
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
|
|
@include pixel-alert-dark($warning-color);
|
|
}
|
|
|
|
.alert.alert-danger.alert-dark {
|
|
@include pixel-alert-dark($danger-color, $stripes-opacity: .04);
|
|
}
|
|
|
|
.alert.alert-success.alert-dark {
|
|
@include pixel-alert-dark($success-color);
|
|
}
|
|
|
|
.alert.alert-info.alert-dark {
|
|
@include pixel-alert-dark($info-color);
|
|
}
|
|
|
|
.alert.alert-page {
|
|
margin: (-$content-wrapper-padding) (-$content-wrapper-padding) ($content-wrapper-padding) (-$content-wrapper-padding);
|
|
border-top-width: 0;
|
|
border-left-width: 0;
|
|
border-right-width: 0;
|
|
border-radius: 0;
|
|
padding-left: $content-wrapper-padding;
|
|
padding-right: $content-wrapper-padding;
|
|
}
|