scala-news-reader
rss/atom news reader in scala
git clone https://9o.is/git/scala-news-reader.git
alerts.less
(1369B)
1 //
2 // Alerts
3 // --------------------------------------------------
4
5
6 // Base styles
7 // -------------------------
8
9 .alert {
10 padding: 8px 35px 8px 14px;
11 margin-bottom: @baseLineHeight;
12 text-shadow: 0 1px 0 rgba(255,255,255,.5);
13 background-color: @warningBackground;
14 border: 1px solid @warningBorder;
15 .border-radius(@baseBorderRadius);
16 }
17 .alert,
18 .alert h4 {
19 // Specified for the h4 to prevent conflicts of changing @headingsColor
20 color: @warningText;
21 }
22 .alert h4 {
23 margin: 0;
24 }
25
26 // Adjust close link position
27 .alert .close {
28 position: relative;
29 top: -2px;
30 right: -21px;
31 line-height: @baseLineHeight;
32 }
33
34
35 // Alternate styles
36 // -------------------------
37
38 .alert-success {
39 background-color: @successBackground;
40 border-color: @successBorder;
41 color: @successText;
42 }
43 .alert-success h4 {
44 color: @successText;
45 }
46 .alert-danger,
47 .alert-error {
48 background-color: @errorBackground;
49 border-color: @errorBorder;
50 color: @errorText;
51 }
52 .alert-danger h4,
53 .alert-error h4 {
54 color: @errorText;
55 }
56 .alert-info {
57 background-color: @infoBackground;
58 border-color: @infoBorder;
59 color: @infoText;
60 }
61 .alert-info h4 {
62 color: @infoText;
63 }
64
65
66 // Block alerts
67 // -------------------------
68
69 .alert-block {
70 padding-top: 14px;
71 padding-bottom: 14px;
72 }
73 .alert-block > p,
74 .alert-block > ul {
75 margin-bottom: 0;
76 }
77 .alert-block p + p {
78 margin-top: 5px;
79 }