-
Notifications
You must be signed in to change notification settings - Fork 29
/
Copy path_alert.less
57 lines (47 loc) · 1.33 KB
/
_alert.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
//
// Base styles
//
.alert {
position: relative;
padding: @alert-padding-y @alert-padding-x;
margin-bottom: @alert-margin-bottom;
border: @alert-border-width solid transparent;
#border-radius(@alert-border-radius);
}
// Headings for larger alerts
.alert-heading {
// Specified to prevent conflicts of changing @headings-color
color: inherit;
}
// Provide class for links that match alerts
.alert-link {
font-weight: @alert-link-font-weight;
}
// Dismissible alerts
//
// Expand the right padding and account for the close button's positioning.
.alert-dismissible {
padding-right: (@close-font-size + @alert-padding-x * 2);
// Adjust close link position
.close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: @alert-padding-y @alert-padding-x;
color: inherit;
}
}
// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.
//@each $color, $value in $theme-colors {
// .alert-#{$color} {
// @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
// }
//}
each(@theme-colors, #(@value, @color) {
.alert-@{color} {
#alert-variant(theme-color-level(@color, @alert-bg-level), theme-color-level(@color, @alert-border-level), theme-color-level(@color, @alert-color-level));
}
});