12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- //
- // Alerts
- // --------------------------------------------------
- // Base styles
- // -------------------------
- .alert {
- padding: $alert-padding;
- margin-bottom: $line-height-computed;
- border: 1px solid transparent;
- border-radius: $alert-border-radius;
- // Headings for larger alerts
- h4 {
- margin-top: 0;
- // Specified for the h4 to prevent conflicts of changing $headings-color
- color: inherit;
- }
- // Provide class for links that match alerts
- .alert-link {
- font-weight: $alert-link-font-weight;
- }
- // Improve alignment and spacing of inner content
- > p,
- > ul {
- margin-bottom: 0;
- }
- > p + p {
- margin-top: 5px;
- }
- }
- // Dismissable alerts
- //
- // Expand the right padding and account for the close button's positioning.
- .alert-dismissable {
- 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);
- }
|