|
0
|
1 //
|
|
|
2 // Base styles
|
|
|
3 //
|
|
|
4
|
|
|
5 .alert {
|
|
|
6 padding: $alert-padding-y $alert-padding-x;
|
|
|
7 margin-bottom: $alert-margin-bottom;
|
|
|
8 border: $alert-border-width solid transparent;
|
|
|
9 @include border-radius($alert-border-radius);
|
|
|
10 }
|
|
|
11
|
|
|
12 // Headings for larger alerts
|
|
|
13 .alert-heading {
|
|
|
14 // Specified to prevent conflicts of changing $headings-color
|
|
|
15 color: inherit;
|
|
|
16 }
|
|
|
17
|
|
|
18 // Provide class for links that match alerts
|
|
|
19 .alert-link {
|
|
|
20 font-weight: $alert-link-font-weight;
|
|
|
21 }
|
|
|
22
|
|
|
23
|
|
|
24 // Dismissible alerts
|
|
|
25 //
|
|
|
26 // Expand the right padding and account for the close button's positioning.
|
|
|
27
|
|
|
28 .alert-dismissible {
|
|
|
29 // Adjust close link position
|
|
|
30 .close {
|
|
|
31 position: relative;
|
|
|
32 top: -$alert-padding-y;
|
|
|
33 right: -$alert-padding-x;
|
|
|
34 padding: $alert-padding-y $alert-padding-x;
|
|
|
35 color: inherit;
|
|
|
36 }
|
|
|
37 }
|
|
|
38
|
|
|
39
|
|
|
40 // Alternate styles
|
|
|
41 //
|
|
|
42 // Generate contextual modifier classes for colorizing the alert.
|
|
|
43
|
|
|
44 @each $color, $value in $theme-colors {
|
|
|
45 .alert-#{$color} {
|
|
|
46 @include alert-variant(theme-color-level($color, -10), theme-color-level($color, -9), theme-color-level($color, 6));
|
|
|
47 }
|
|
|
48 }
|
