]> git.r.bdr.sh - rbdr/r.bdr.sh/blob - css/style.css
Columnize
[rbdr/r.bdr.sh] / css / style.css
1 body {
2 font-family: "Times New Roman", Times, serif;
3 line-height: 1.6;
4 letter-spacing: 0.02em;
5 column-count: auto;
6 column-width: 15em;
7 }
8
9 header, p:first-of-type, pre:first-of-type { column-span: all }
10
11 h1, h2, h3 { font-weight: normal }
12
13 h2 { break-before: column }
14
15 p { break-inside: avoid }
16
17 pre {
18 font-family: Monaco, monospace;
19 font-size: 14px;
20 background-color: #eee;
21 }
22
23 canvas {
24 width: 64px;
25 height: 64px;
26 display: inline-block;
27 background-color: gainsboro;
28 }
29
30 @media (prefers-color-scheme: dark) {
31 body {
32 color: #fff;
33 background: #000;
34 }
35
36 a {
37 color: #5dc1fd;
38 }
39
40 a:visited {
41 color: #ed6eff;
42 }
43
44 pre {
45 background-color: #222;
46 }
47 }