]> git.r.bdr.sh - rbdr/r.bdr.sh/blame - css/style.css
Clear unnecessary p expansion
[rbdr/r.bdr.sh] / css / style.css
CommitLineData
a28829c3
RBR
1html {
2 scroll-behavior: smooth;
3}
4
554c7e00 5body {
cb935595 6 font-family: "Hoefler Text", "Times New Roman", serif;
1203ab0c 7 font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
ea3c62fe
RBR
8 line-height: 1.6;
9 letter-spacing: 0.02em;
554c7e00
RBR
10}
11
f752d89a
RBR
12@media only screen and (min-width: 500px) {
13 body {
14 overflow-x: auto;
15 }
ea3c62fe 16
f752d89a 17 .columned {
43df122c 18 height: calc(100vh - 200px);
f752d89a
RBR
19 width: max-content;
20 }
ea3c62fe 21
d2329634 22 .columned .h2:not(:only-child) {
f752d89a
RBR
23 float: left;
24 margin: 0 40px;
43df122c 25 height: calc(100vh - 200px);
f752d89a 26 }
ea3c62fe 27
d2329634 28 .columned .h2:not(:only-child) h2 {
f752d89a
RBR
29 width: 14.6em;
30 }
ea3c62fe 31
d2329634 32 .columned .h2:not(:only-child) .h3, .columned .h2:not(:only-child) p {
f752d89a 33 width: 22em;
f752d89a
RBR
34 }
35
d2329634 36 .columned .h2:not(:only-child) pre { width: 25em }
f752d89a
RBR
37}
38
1d6b1b68
RBR
39.columned .h2:first-of-type pre {
40 line-height: 1;
41}
42
f752d89a
RBR
43blockquote, p { max-width: 45em }
44pre { max-width: 55em }
45blockquote {
46 border-left: 4px solid #ccc;
47 padding-left: 10px;
48}
49
50h1, h2, h3 { font-weight: normal }
51br { display: none }
554c7e00 52pre {
c26e6664 53 font-family: courier, monospace;
ea3c62fe 54 font-size: 14px;
20ee07e0 55 background-color: #eee;
f752d89a 56 overflow-x: auto;
554c7e00
RBR
57}
58
3b6787e4 59canvas {
21b1c71d
RBR
60 width: 64px;
61 height: 64px;
62 display: inline-block;
36626ad1 63 background-color: #000;
ad06827e 64 border: 1px solid #000;
967d51a0
BB
65}
66
21b1c71d 67@media (prefers-color-scheme: dark) {
b44cad65 68 body {
554c7e00
RBR
69 color: #fff;
70 background: #000;
b44cad65
RBR
71 }
72
36626ad1
RBR
73 canvas {
74 background-color: #fff;
ad06827e 75 border: 1px solid #fff;
36626ad1
RBR
76 }
77
21b1c71d
RBR
78 a {
79 color: #5dc1fd;
96759a28
RBR
80 display: inline-block;
81 min-height: 48px;
b44cad65
RBR
82 }
83
21b1c71d
RBR
84 a:visited {
85 color: #ed6eff;
b44cad65 86 }
20ee07e0
RBR
87
88 pre {
89 background-color: #222;
90 }
bb31ec9c 91}