1 | .alert-window {
|
2 | position: fixed;
|
3 | width: 300px;
|
4 | z-index: 10002;
|
5 |
|
6 | right: 20px;
|
7 | top: 70px;
|
8 |
|
9 | .alert {
|
10 | &::before {
|
11 | position: relative;
|
12 | top: -15px;
|
13 | left: -15px;
|
14 | display: block;
|
15 | height: 2px;
|
16 | width: 0;
|
17 | transition: inherit;
|
18 | }
|
19 |
|
20 | &.alert-info::before {
|
21 | background-color: @brand-info;
|
22 | }
|
23 |
|
24 | &.alert-warning::before {
|
25 | background-color: @brand-warning;
|
26 | }
|
27 |
|
28 | &.alert-success::before {
|
29 | background-color: @brand-success;
|
30 | }
|
31 |
|
32 | &.alert-danger::before {
|
33 | background-color: @brand-danger;
|
34 | }
|
35 |
|
36 | &.animate {
|
37 | &.alert-info::before {
|
38 | background-color: lighten(@brand-info, 25%);
|
39 | }
|
40 |
|
41 | &.alert-warning::before {
|
42 | background-color: lighten(@brand-warning, 25%);
|
43 | }
|
44 |
|
45 | &.alert-success::before {
|
46 | background-color: lighten(@brand-success, 25%);
|
47 | }
|
48 |
|
49 | &.alert-danger::before {
|
50 | background-color: lighten(@brand-danger, 25%);
|
51 | }
|
52 |
|
53 | &::before {
|
54 | width: ~"calc(100% + 50px)";
|
55 | }
|
56 | }
|
57 |
|
58 | img {
|
59 | float: left;
|
60 | padding-right: 10px;
|
61 | }
|
62 | }
|
63 | } |
\ | No newline at end of file |