demos for spacedust
bad-example.com
1:root {
2 font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
3 line-height: 1.5;
4 font-weight: 400;
5
6 color-scheme: dark;
7 color: #d6dade;
8 background-color: #161a1e;
9
10 font-synthesis: none;
11 text-rendering: optimizeLegibility;
12 -webkit-font-smoothing: antialiased;
13 -moz-osx-font-smoothing: grayscale;
14}
15
16a {
17 font-weight: 500;
18 color: #646cff;
19 text-decoration: inherit;
20}
21a:hover {
22 color: #535bf2;
23}
24
25a.inherit-font {
26 font: inherit;
27 color: inherit;
28}
29
30body {
31 margin: 0;
32 min-width: 320px;
33 min-height: 100vh;
34}
35
36h1 {
37 font-size: 1.5em;
38 line-height: 1.1;
39}
40
41@media (prefers-color-scheme: light) {
42/* :root {
43 color: #213547;
44 background-color: #ffffff;
45 }
46 a:hover {
47 color: #747bff;
48 }
49 button {
50 background-color: #f9f9f9;
51 }*/
52}