]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* |
2 | * Component: modal | |
3 | * ---------------- | |
4 | */ | |
5 | .modal { | |
6 | background: rgba(0, 0, 0, .3); | |
7 | } | |
8 | ||
9 | .modal-content { | |
10 | .border-radius(0); | |
11 | .box-shadow(0 2px 3px rgba(0, 0, 0, .125)); | |
12 | border: 0; | |
13 | @media (min-width: @screen-sm-min) { | |
14 | .box-shadow(0 2px 3px rgba(0, 0, 0, .125)); | |
15 | } | |
16 | } | |
17 | ||
18 | .modal-header { | |
19 | border-bottom-color: @box-border-color; | |
20 | } | |
21 | ||
22 | .modal-footer { | |
23 | border-top-color: @box-border-color; | |
24 | } | |
25 | ||
26 | //Modal variants | |
27 | .modal-primary { | |
28 | .modal-body { | |
29 | &:extend(.bg-light-blue); | |
30 | } | |
31 | .modal-header, | |
32 | .modal-footer { | |
33 | &:extend(.bg-light-blue-active); | |
34 | border-color: darken(@light-blue, 10%); | |
35 | } | |
36 | } | |
37 | ||
38 | .modal-warning { | |
39 | .modal-body { | |
40 | &:extend(.bg-yellow); | |
41 | } | |
42 | .modal-header, | |
43 | .modal-footer { | |
44 | &:extend(.bg-yellow-active); | |
45 | border-color: darken(@yellow, 10%); | |
46 | } | |
47 | } | |
48 | ||
49 | .modal-info { | |
50 | .modal-body { | |
51 | &:extend(.bg-aqua); | |
52 | } | |
53 | .modal-header, | |
54 | .modal-footer { | |
55 | &:extend(.bg-aqua-active); | |
56 | border-color: darken(@aqua, 10%); | |
57 | } | |
58 | } | |
59 | ||
60 | .modal-success { | |
61 | .modal-body { | |
62 | &:extend(.bg-green); | |
63 | } | |
64 | .modal-header, | |
65 | .modal-footer { | |
66 | &:extend(.bg-green-active); | |
67 | border-color: darken(@green, 10%); | |
68 | } | |
69 | } | |
70 | ||
71 | .modal-danger { | |
72 | .modal-body { | |
73 | &:extend(.bg-red); | |
74 | } | |
75 | .modal-header, | |
76 | .modal-footer { | |
77 | &:extend(.bg-red-active); | |
78 | border-color: darken(@red, 10%); | |
79 | } | |
80 | } |