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
58
59
60
61
62
63
64
65
66
67
68
69
|
.alert {
position: relative;
text-align: left;
padding: 10px 15px;
min-height: 30px;
margin: 1em 0 0;
border: none;
border-left: 3px solid;
p {
margin: 1.5em 0 0;
&:first-child {
margin: 0;
}
}
&:not(.no-icon) {
padding-left: 55px;
&:before {
position: absolute;
top: 10px;
left: 15px;
font-family: 'FontAwesome';
font-size: 2.5rem;
}
}
&.info {
border-color: map-get($colors, 'primary');
background-color: lighten(map-get($colors, 'primary'), 37%);
&:not(.no-icon) {
&:before {
content: "\f05a";
color: map-get($colors, 'primary');
}
}
}
&.success {
border-color: map-get($colors, 'success');
background-color: lighten(map-get($colors, 'success'), 42%);
content: "\f058";
&:not(.no-icon) {
&:before {
content: "\f058";
color: map-get($colors, 'success');
}
}
}
&.warning {
border-color: map-get($colors, 'warning');
background-color: lighten(map-get($colors, 'warning'), 42%);
&:not(.no-icon) {
&:before {
content: "\f071";
color: map-get($colors, 'warning');
}
}
}
&.danger {
border-color: map-get($colors, 'danger');
background-color: lighten(map-get($colors, 'danger'), 42%);
&:not(.no-icon) {
&:before {
content: "\f05e";
color: map-get($colors, 'danger');
}
}
}
}
|