]>
Commit | Line | Data |
---|---|---|
4a191e80 | 1 | * { |
bab26a4d RBR |
2 | -webkit-user-select: none; |
3 | -webkit-user-drag: none; | |
4 | cursor: default; | |
4a191e80 RBR |
5 | } |
6 | ||
7 | :root { | |
bab26a4d | 8 | color-scheme: light dark; |
4a191e80 | 9 | |
bab26a4d | 10 | --spacing: 20px; |
4a191e80 RBR |
11 | } |
12 | ||
13 | html { | |
bab26a4d | 14 | height: 100%; |
4a191e80 RBR |
15 | } |
16 | ||
17 | body { | |
bab26a4d RBR |
18 | display: flex; |
19 | align-items: center; | |
20 | justify-content: center; | |
21 | flex-direction: column; | |
4a191e80 | 22 | |
bab26a4d RBR |
23 | gap: var(--spacing); |
24 | margin: 0 calc(var(--spacing) * 2); | |
25 | height: 100%; | |
4a191e80 | 26 | |
bab26a4d RBR |
27 | font: -apple-system-short-body; |
28 | text-align: center; | |
4a191e80 RBR |
29 | } |
30 | ||
31 | body:not(.state-on, .state-off) :is(.state-on, .state-off) { | |
bab26a4d | 32 | display: none; |
4a191e80 RBR |
33 | } |
34 | ||
35 | body.state-on :is(.state-off, .state-unknown) { | |
bab26a4d | 36 | display: none; |
4a191e80 RBR |
37 | } |
38 | ||
39 | body.state-off :is(.state-on, .state-unknown) { | |
bab26a4d | 40 | display: none; |
4a191e80 RBR |
41 | } |
42 | ||
43 | button { | |
bab26a4d | 44 | font-size: 1em; |
4a191e80 | 45 | } |