Files: 3d894c28cab9f2d22d9dbb37830695931982059b / app / html / modal.mcss
768 bytesRaw
1 | Modal { |
2 | display: flex |
3 | flex-direction: row |
4 | position: fixed |
5 | z-index: 90 |
6 | text-align: center |
7 | top: 2.5rem |
8 | right: 0 |
9 | bottom: 0 |
10 | left: 0 |
11 | background: rgba(15, 0, 25, 0.78) |
12 | |
13 | div.content { |
14 | max-width: 90vw |
15 | max-height: 90vh |
16 | overflow: auto |
17 | |
18 | $backgroundPrimary |
19 | box-shadow: rgba(0,0,0,.34) 2px 6px 10px |
20 | margin: auto |
21 | $dontSelect |
22 | |
23 | div.dialog { |
24 | div.message { |
25 | $colorFontPrimary |
26 | } |
27 | |
28 | div.actions { |
29 | display: flex |
30 | padding-top: 15px |
31 | |
32 | button { |
33 | margin: auto |
34 | |
35 | -primary { |
36 | $backgroundPrimary |
37 | } |
38 | } |
39 | } |
40 | } |
41 | } |
42 | |
43 | -open { |
44 | display: flex |
45 | } |
46 | |
47 | -close { |
48 | display: none |
49 | } |
50 | |
51 | -dark { |
52 | div.content { |
53 | background: #000 |
54 | } |
55 | } |
56 | } |
57 | |
58 |
Built with git-ssb-web