mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
ed89be1f44
We have it set to `1` right now just to avoid compilation errors, but it’s been replaced everywhere with our new spacer classes anywho. We’ll likely want to remap that var to custom component vars though (e.g., `$pagination-margin` instead of `$spacer-y`).
72 lines
1.4 KiB
SCSS
72 lines
1.4 KiB
SCSS
//
|
|
// Alerts
|
|
// --------------------------------------------------
|
|
|
|
|
|
//
|
|
// Base styles
|
|
//
|
|
|
|
.alert {
|
|
padding: $alert-padding;
|
|
margin-bottom: $spacer-y;
|
|
border: 1px solid transparent;
|
|
@include border-radius($alert-border-radius);
|
|
|
|
// Improve alignment and spacing of inner content
|
|
> p,
|
|
> ul {
|
|
margin-bottom: 0;
|
|
}
|
|
> p + p {
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
|
|
// Headings for larger alerts
|
|
.alert-heading {
|
|
margin-top: 0;
|
|
// Specified to prevent conflicts of changing $headings-color
|
|
color: inherit;
|
|
}
|
|
|
|
// Provide class for links that match alerts
|
|
.alert-link {
|
|
font-weight: $alert-link-font-weight;
|
|
}
|
|
|
|
|
|
// Dismissible alerts
|
|
//
|
|
// Expand the right padding and account for the close button's positioning.
|
|
|
|
.alert-dismissible {
|
|
padding-right: ($alert-padding + 20);
|
|
|
|
// Adjust close link position
|
|
.close {
|
|
position: relative;
|
|
top: -2px;
|
|
right: -21px;
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
|
|
// Alternate styles
|
|
//
|
|
// Generate contextual modifier classes for colorizing the alert.
|
|
|
|
.alert-success {
|
|
@include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
|
|
}
|
|
.alert-info {
|
|
@include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
|
|
}
|
|
.alert-warning {
|
|
@include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
|
|
}
|
|
.alert-danger {
|
|
@include alert-variant($alert-danger-bg, $alert-danger-border,$alert-danger-text);
|
|
}
|