Mercurial > nebulaweb3
comparison default/assets/scss/vendors/bootstrap/_alert.scss @ 0:1d038bc9b3d2 default tip
Up:default
author | Liny <dev@neowd.com> |
---|---|
date | Sat, 31 May 2025 09:21:51 +0800 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:1d038bc9b3d2 |
---|---|
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 } |