Commit | Line | Data |
---|---|---|
7b869721 S |
1 | // |
2 | // Alerts | |
3 | // -------------------------------------------------- | |
4 | ||
5 | ||
6 | // Base styles | |
7 | // ------------------------- | |
8 | ||
9 | .alert { | |
10 | padding: @alert-padding; | |
11 | margin-bottom: @line-height-computed; | |
12 | border: 1px solid transparent; | |
13 | border-radius: @alert-border-radius; | |
14 | ||
15 | // Headings for larger alerts | |
16 | h4 { | |
17 | margin-top: 0; | |
18 | // Specified for the h4 to prevent conflicts of changing @headings-color | |
19 | color: inherit; | |
20 | } | |
21 | // Provide class for links that match alerts | |
22 | .alert-link { | |
23 | font-weight: @alert-link-font-weight; | |
24 | } | |
25 | ||
26 | // Improve alignment and spacing of inner content | |
27 | > p, | |
28 | > ul { | |
29 | margin-bottom: 0; | |
30 | } | |
31 | > p + p { | |
32 | margin-top: 5px; | |
33 | } | |
34 | } | |
35 | ||
36 | // Dismissable alerts | |
37 | // | |
38 | // Expand the right padding and account for the close button's positioning. | |
39 | ||
40 | .alert-dismissable { | |
41 | padding-right: (@alert-padding + 20); | |
42 | ||
43 | // Adjust close link position | |
44 | .close { | |
45 | position: relative; | |
46 | top: -2px; | |
47 | right: -21px; | |
48 | color: inherit; | |
49 | } | |
50 | } | |
51 | ||
52 | // Alternate styles | |
53 | // | |
54 | // Generate contextual modifier classes for colorizing the alert. | |
55 | ||
56 | .alert-success { | |
57 | .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); | |
58 | } | |
59 | .alert-info { | |
60 | .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); | |
61 | } | |
62 | .alert-warning { | |
63 | .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); | |
64 | } | |
65 | .alert-danger { | |
66 | .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); | |
67 | } |