From a75c49d54af4d24751b6401d89e9b3573efc041a Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Thu, 28 Jan 2021 11:00:47 -0800 Subject: [PATCH] CSS: back to old line height Line height was too high before. --- assets/css/main.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 6cdb5cb..992afe1 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,6 +1,6 @@ /* CSS that adds the bare minimum for a simple layout */ -/* This site's CSS only does 9 major things: +/* This site's CSS only does 10 major things: * 1. sans-serif instead of serif for low-res screens. * 2. Consistent font size; 
 and  shouldn't be smaller.
  * 3. max text width for readability
@@ -11,18 +11,25 @@
  * 7. Horizontally center inline images; left-aligned stick out.
  * 8. Padding fixes so the above changes don't make elements misalign.
  * 9. dark.css changes a few colors if the browser wants dark mode.
+ * 10. Line height for consistent vertical rhythm
  * Everything else is browser defaults:
  * default fonts, non-dark-mode colors, etc.
  */
 
 body {
 	font: 16px sans-serif;
-	line-height: 1.75rem;
+	line-height: 1.5rem;
 	margin: auto;
 	max-width: 50rem;
 	padding: 0 5%;
 }
 
+h1,
+h2,
+h3 {
+	line-height: 1.75rem;
+}
+
 nav ul {
 	/* nav links should look more prominent than normal links */
 	font-size: 1.25rem;