From 06bf980b67ee61334c0c760f2d36c856f3c63e69 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Tue, 22 Aug 2023 09:22:45 +0100
Subject: Responsive design up to very large screens

---
 public/css/variables/typography.css | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

(limited to 'public/css/variables/typography.css')

diff --git a/public/css/variables/typography.css b/public/css/variables/typography.css
index 10e3126..38384ce 100644
--- a/public/css/variables/typography.css
+++ b/public/css/variables/typography.css
@@ -1,12 +1,11 @@
 :root {
-  --font-size-relative-px: 0.067rem;
-  --font-size-0: calc(14 * var(--font-size-relative-px));
-  --font-size-1: calc(18 * var(--font-size-relative-px));
-  --font-size-2: calc(24 * var(--font-size-relative-px));
-  --font-size-3: calc(32 * var(--font-size-relative-px));
-  --font-size-4: calc(40 * var(--font-size-relative-px));
-  --font-size-5: calc(52 * var(--font-size-relative-px));
-  --font-size-6: calc(64 * var(--font-size-relative-px));
+  --font-size-0: calc(7 * var(--relative-eighth-rem));
+  --font-size-1: calc(9 * var(--relative-eighth-rem));
+  --font-size-2: calc(12 * var(--relative-eighth-rem));
+  --font-size-3: calc(16 * var(--relative-eighth-rem));
+  --font-size-4: calc(20 * var(--relative-eighth-rem));
+  --font-size-5: calc(26 * var(--relative-eighth-rem));
+  --font-size-6: calc(32 * var(--relative-eighth-rem));
 
   --font-serif: Alegreya, 'Goudy Old Style', Garamond, serif;
   --font-sans-serif: 'Alegreya Sans', Lato, Calibri, 'sans-serif';
-- 
cgit v1.2.3