3 // --------------------------------------------------
7 // -------------------------
10 padding: @alert-padding;
11 margin-bottom: @line-height-computed;
13 background-color: @alert-bg;
14 border: 1px solid @alert-border;
15 border-radius: @alert-border-radius;
17 // Headings for larger alerts
20 // Specified for the h4 to prevent conflicts of changing @headingsColor
23 // Match the hr to the border of the alert
25 border-top-color: darken(@alert-border, 5%);
27 // Provide class for links that match alerts
29 font-weight: @alert-link-font-weight;
30 color: darken(@alert-text, 10%);
33 // Improve alignment and spacing of inner content
45 // Expand the right padding and account for the close button's positioning.
48 padding-right: (@alert-padding + 20);
50 // Adjust close link position
61 // Generate contextual modifier classes for colorizing the alert.
64 .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
67 .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
70 .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);