From 0b5240ce2cbbda915667521860dcd56d3e59ef80 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Sat, 29 Mar 2025 11:13:02 -0700
Subject: [PATCH] fix(modal.css): explicitly set basic font sizes to prevent
 inheriting from parent(s); svg property usage updates

---
 package-lock.json                      |  4 ++--
 package.json                           |  2 +-
 src/assets/styles/base/index.css       |  4 +---
 src/assets/styles/base/vars.css        |  3 ++-
 src/assets/styles/components/modal.css | 17 +++++++++++++++++
 5 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index cea87e4..88b5efc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "1.1.5",
+      "version": "1.1.6",
       "license": "MIT",
       "dependencies": {
         "minisearch": "^7.1.2",
diff --git a/package.json b/package.json
index 5d528e1..9c50ce0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index 76bc386..61ce7b6 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -290,9 +290,7 @@ a {
 }
 
 /* headers */
-h1,
-h2,
-h3 {
+h1, h2, h3 {
   font-family: var(--font-heading);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-md);
diff --git a/src/assets/styles/base/vars.css b/src/assets/styles/base/vars.css
index 0d623a1..72fb3fc 100644
--- a/src/assets/styles/base/vars.css
+++ b/src/assets/styles/base/vars.css
@@ -107,7 +107,8 @@
   --sizing-full: 100%;
 
   --sizing-svg-sm: 18px;
-  --sizing-svg: 24px;
+  --sizing-svg-base: 24px;
+  --sizing-svg: var(--sizing-svg-base);
 
   /* spacing */
   --spacing-xs: var(--sizing-xs);
diff --git a/src/assets/styles/components/modal.css b/src/assets/styles/components/modal.css
index a45a5bb..f2caac4 100644
--- a/src/assets/styles/components/modal.css
+++ b/src/assets/styles/components/modal.css
@@ -47,6 +47,10 @@ dialog {
   transition: color var(--transition-duration-default) var(--transition-ease-in-out),
     transform var(--transition-duration-default) var(--transition-ease-in-out);
 
+  svg {
+    --sizing-svg: var(--sizing-svg-base);
+  }
+
 
   &:is(:hover, :focus, :active) {
     color: var(--link-color-hover);
@@ -63,12 +67,25 @@ dialog,
   padding: var(--spacing-lg) var(--spacing-base);
   overflow-y: auto;
   border-radius: var(--border-radius-slight);
+  font-size: var(--font-size-base);
 
   &.closing {
     animation: fadeOut var(--transition-duration-default) var(--transition-ease-in-out);
   }
 
+  h1 {
+    font-size: var(--font-size-2xl);
+  }
+
+  h2 {
+    font-size: var(--font-size-xl);
+  }
+
   h3 {
+    font-size: var(--font-size-lg);
+  }
+
+  h1, h2, h3 {
     margin-top: 0;
   }