chriskrycho.com
The (very WIP) home of the next versions of my web presences
1/* Shared/baseline styles used everywhere. This list is and should remain short.
2 One goal for this particular little style sheet is that none of the ordering
3 in it should matter other than the opening `html` declaration. */
4
5html {
6 font-family: var(--text);
7 font-size: calc(var(--fs0) * var(--fs-scheme-adjust));
8 font-size-adjust: from-font;
9 line-height: 1;
10 background-color: var(--bg-secondary);
11 color: var(--fg);
12 hanging-punctuation: first allow-end last;
13}
14
15abbr {
16 font-variant: all-small-caps;
17 letter-spacing: var(--smcp-spacing);
18}
19
20label,
21input,
22button {
23 font-family: var(--text-alt);
24 font-weight: var(--text-alt-weight);
25}
26
27code {
28 font-family: var(--mono);
29}
30
31figure img {
32 box-shadow: 0 0 calc(var(--grid-base) / 4) -2pt var(--shadow-color);
33 border-radius: 2pt;
34}
35
36p code {
37 line-height: 1;
38 background: var(--code-bg);
39 padding: 0.05em 0.2em;
40 border-radius: 0.2em;
41}
42
43pre:has(> code) {
44 background: var(--code-block-bg);
45 padding: 0.4em;
46 overflow-x: auto;
47}
48
49pre code {
50 display: block;
51 hanging-punctuation: none;
52 line-height: 1.2;
53 font-size: var(--fs-1);
54}
55
56sup,
57sub {
58 font-size: var(--fs-1);
59}