pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
alerts.less
(1430B)
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 }