|
0
|
1 // main: ../style.scss
|
|
|
2
|
|
|
3 /* Modals
|
|
|
4 ========================*/
|
|
|
5 .modal-content {
|
|
|
6 padding: 0 $modal-inner-padding;
|
|
|
7 border-radius: em(3);
|
|
|
8
|
|
|
9 .close {
|
|
|
10 font-size: em(18);
|
|
|
11 top: em(-18,21);
|
|
|
12 position: absolute;
|
|
|
13 right: em(-18,21);
|
|
|
14 height: em(36,18);
|
|
|
15 width: em(36,18);
|
|
|
16 background-color: #313a46;
|
|
|
17 opacity: 1;
|
|
|
18 border: 2px solid #ffffff;
|
|
|
19 text-shadow: none;
|
|
|
20 color: #ffffff;
|
|
|
21 border-radius: 50%;
|
|
|
22 text-align: center;
|
|
|
23 line-height: em(33,18);
|
|
|
24
|
|
|
25 &:hover { background-color: $primary; }
|
|
|
26 }
|
|
|
27
|
|
|
28 body.rtl & {
|
|
|
29 .close {
|
|
|
30 right: auto;
|
|
|
31 left: em(-18,21);
|
|
|
32 }
|
|
|
33 }
|
|
|
34 }
|
|
|
35
|
|
|
36 .modal-footer,
|
|
|
37 .modal-body {
|
|
|
38 padding-left: 0;
|
|
|
39 padding-right: 0;
|
|
|
40 }
|
|
|
41
|
|
|
42 .modal-header {
|
|
|
43 border-top-left-radius: em(3);
|
|
|
44 border-top-right-radius: em(3);
|
|
|
45 margin: -1px calc(#{$modal-inner-padding * -1} - 1px) 0;
|
|
|
46 }
|
|
|
47
|
|
|
48 .modal-title {
|
|
|
49 margin-top: 0;
|
|
|
50 }
|
|
|
51
|
|
|
52 .modal-body {
|
|
|
53 h1,h2,h3,h4,h5,h6 {
|
|
|
54 color: #777;
|
|
|
55 }
|
|
|
56 }
|
|
|
57
|
|
|
58 .modal-img {
|
|
|
59 cursor: pointer;
|
|
|
60 }
|
|
|
61
|
|
|
62 @each $col, $val in $theme-colors {
|
|
|
63 .modal-#{$col} {
|
|
|
64 .modal-content .modal-header {
|
|
|
65 background: #{$val};
|
|
|
66 border: 0;
|
|
|
67 }
|
|
|
68 }
|
|
|
69 }
|
|
|
70
|
|
|
71 @each $col, $val in $colors {
|
|
|
72 .modal-#{$col} {
|
|
|
73 .modal-content .modal-header {
|
|
|
74 background: #{$val};
|
|
|
75 border: 0;
|
|
|
76 }
|
|
|
77 }
|
|
|
78 }
|
|
|
79
|
|
|
80 .modal-content .modal-header {
|
|
|
81 background: none;
|
|
|
82 }
|
