The 1st decentralized social network for sharing when you're on the toilet. Post a "flush" today! Powered by the AT Protocol.
1.themeToggle {
2 display: flex;
3 align-items: center;
4 gap: 0.5rem;
5 background-color: var(--button-background);
6 color: var(--button-text);
7 border: 1px solid var(--input-border);
8 border-radius: 8px;
9 padding: 0.5rem 0.8rem;
10 cursor: pointer;
11 transition: all 0.2s;
12 margin-left: auto;
13 white-space: nowrap;
14 padding-top: 0.7rem;
15}
16
17.themeToggle:hover {
18 background-color: var(--button-hover);
19 transform: translateY(-2px);
20}
21
22.themeToggle svg {
23 width: 18px;
24 height: 18px;
25}
26
27.themeLabel {
28 font-size: 0.9rem;
29 font-weight: 500;
30}
31
32@media (max-width: 800px) {
33 .themeToggle {
34 padding: 0.5rem 0.7rem;
35 }
36
37 .themeLabel {
38 font-size: 0.8rem;
39 }
40}
41
42@media (max-width: 600px) {
43 .themeToggle {
44 padding: 0.4rem;
45 display: flex;
46 justify-content: center;
47 align-items: center;
48 width: 36px;
49 height: 36px;
50 }
51
52 .themeLabel {
53 display: none;
54 }
55
56 .themeToggle svg {
57 width: 16px;
58 height: 16px;
59 }
60}