diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 33 |
1 files changed, 16 insertions, 17 deletions
@@ -30,15 +30,14 @@ /* } */ :root { - /* eink */ - --bg: #f2efe9; - --text: #2b2926; - --accent: #7a5c3e; - --border: #d8d2c4; - --muted: #8a8578; + /* eink */ + --bg: #f2efe9; + --text: #2b2926; + --accent: #7a5c3e; + --border: #d8d2c4; + --muted: #8a8578; } - /* :root { */ /* /1* classic *1/ */ /* --bg: #f8efdf; */ @@ -57,7 +56,11 @@ p { } body { - font-family: "Atkinson Hyperlegible Next", -apple-system, "Segoe UI", sans-serif; + font-family: + "Atkinson Hyperlegible Next", + -apple-system, + "Segoe UI", + sans-serif; background: var(--bg); color: var(--text); max-width: 680px; @@ -76,7 +79,6 @@ h3 { margin-top: 3rem; } - h1 { font-size: 2.1rem; margin-top: 0; @@ -169,8 +171,7 @@ code { margin: 1rem 0 0; } - -.recent-box li+li { +.recent-box li + li { margin-top: 1.2rem; } @@ -179,7 +180,7 @@ code { } #recent-publications { - flex-shrink: 0; + flex-shrink: 0; } #recent-now { flex: 0 1 auto; @@ -230,7 +231,6 @@ code { } @media (max-width: 550px) { - .recent-grid, .terminology-grid { grid-template-columns: 1fr; @@ -258,10 +258,10 @@ code { font-display: swap; } - @font-face { font-family: "Atkinson Hyperlegible Next"; - src: url("fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf") format("truetype-variations"); + src: url("fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf") + format("truetype-variations"); font-weight: 400 700; font-display: swap; } @@ -278,7 +278,6 @@ code { margin: 0; } - .tag { font-size: 0.7em; padding: 0.1em 0.5em; @@ -334,7 +333,7 @@ dl.slashlist dd { margin-top: 2rem; } -.terminology-grid>div { +.terminology-grid > div { border: 1px solid var(--border); padding: 1rem 1.25rem; border-radius: 6px; |
