From 851c74b2c94aff98248230857c184ec090b0f6d0 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sun, 20 Aug 2023 10:07:26 -0700
Subject: [PATCH] Define variables for <h*> sizes

---
 assets/styles/root/050_typography.css | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/assets/styles/root/050_typography.css b/assets/styles/root/050_typography.css
index 0f5ccfb..3af2b67 100644
--- a/assets/styles/root/050_typography.css
+++ b/assets/styles/root/050_typography.css
@@ -19,6 +19,13 @@
         --font-size-scale-factor: 1vmax;
         --site-header-font-size: 200%;
 
+        --h1-size: 305%;
+        --h2-size: 244%;
+        --h3-size: 195%;
+        --h4-size: 156%;
+        --h5-size: 125%;
+        --h6-size: 100%;
+
         --line-height: 2;
         --heading-line-height: 1;
         /* A little extra line height so the descenders don't get clipped */
@@ -59,12 +66,12 @@
         line-height: 1;
     }
 
-    h1 { font-size: 305%; }
-    h2 { font-size: 244%; }
-    h3 { font-size: 195%; }
-    h4 { font-size: 156%; }
-    h5 { font-size: 125%; }
-    h6 { font-size: 100%; }
+    h1 { font-size: var(--h1-size); }
+    h2 { font-size: var(--h2-size); }
+    h3 { font-size: var(--h3-size); }
+    h4 { font-size: var(--h4-size); }
+    h5 { font-size: var(--h5-size); }
+    h6 { font-size: var(--h6-size); }
     h5, h6 { font-family: var(--font-family-body); }
 
     header.site nav > .active { font-weight: bold; }