Mercurial > nebulaweb3

comparison default/assets/scss/components/_modals.scss @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
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 }