123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- //
- // 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;
- }
- }
- // Dismissible alerts
- //
- // Expand the right padding and account for the close button's positioning.
- .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
- .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 {
- .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
- }
- .alert-info {
- .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
- }
- .alert-warning {
- .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
- }
- .alert-danger {
- .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
- }
|