Files: 67583b0e9605f9e2c2a95ff125a23e8a1cca8953 / app / html / lightbox.mcss
712 bytesRaw
1 | Lightbox { |
2 | display: flex |
3 | flex-direction: row |
4 | position: fixed |
5 | z-index: 999 |
6 | width: 100% |
7 | height: 100% |
8 | text-align: center |
9 | top: 0 |
10 | left: 0 |
11 | background: rgba(0,0,0,0.6) |
12 | |
13 | div.content { |
14 | min-width: 28rem |
15 | $dontSelect |
16 | |
17 | $backgroundPrimary |
18 | padding: 30px |
19 | border-radius: 5px |
20 | margin: auto |
21 | box-shadow: rgba(0,0,0,0.3) 2px 6px 18px |
22 | |
23 | div.dialog { |
24 | div.message { |
25 | $colorFontPrimary |
26 | } |
27 | |
28 | div.actions { |
29 | display: flex |
30 | padding-top: 15px |
31 | |
32 | div.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 |
Built with git-ssb-web