Commit f13cc96ec8be439f6acd70c7b1b52ae0585766ca
Reduce the main line-height from 2rem to 1.5rem
This makes the body text much more readable, especially in narrow viewports. It also makes the vertical rhythm much less rigid. There are now multiples of 1rem and 1.5rem, but nothing that's just 0.5rem on its own (except the gap between the logo and its hover/focus border). Other elements are unchanged: the logo is still 4rem; the page title's line-height is still 2rem; pre line-height is still 1rem. Line-height for headings in articles is still 2rem. (This required an extra style declaration.) First-level heading text is 1.7rem, and the extra space isn't harmful for lower-level headings.Greg K Nicholson committed on 3/24/2018, 6:19:07 PM
Parent: bc053b6965c90204a51bed73a870fe3c2b42c424
Files changed
themes/ran/static/style/ran.css | changed |
themes/ran/static/style/ran.css | ||
---|---|---|
@@ -36,9 +36,9 @@ | ||
36 | 36 … | color: var(--foreground-color); |
37 | 37 … | font-family: "HK Grotesk", sans-serif; |
38 | 38 … | font-variant-ligatures: no-common-ligatures; |
39 | 39 … | font-weight: 300; |
40 | - line-height: 2rem; | |
40 … | + line-height: 1.5rem; | |
41 | 41 … | } |
42 | 42 … | |
43 | 43 … | code, kbd, samp { |
44 | 44 … | font-family: "Fira Mono", monospace; |
@@ -388,8 +388,9 @@ | ||
388 | 388 … | margin-top: 0; |
389 | 389 … | margin-bottom: 0; |
390 | 390 … | font-size: 1rem; |
391 | 391 … | font-weight: 300; |
392 … | + line-height: 2rem; | |
392 | 393 … | } |
393 | 394 … | article > main h1, |
394 | 395 … | article > main h2, |
395 | 396 … | article > main h3, |
Built with git-ssb-web