From c69afaca89771e855fb2515bd7f7ed9cbd43ec76 Mon Sep 17 00:00:00 2001
From: Daniel Houck <Software@DRHouck.me>
Date: Thu, 1 Feb 2024 14:53:35 -0500
Subject: [PATCH 1/2] Define print font size is only one place

---
 resume.hbs | 3 ---
 style.css  | 8 --------
 2 files changed, 11 deletions(-)

diff --git a/resume.hbs b/resume.hbs
index e220892..cd858dd 100644
--- a/resume.hbs
+++ b/resume.hbs
@@ -7,9 +7,6 @@
 	<style>
   	{{{css}}}
 	</style>
-	<style media="print">
-		body { font-size: 12px; }
-	</style>
   {{#resume.meta}}
   {{#if accent.length}}
   <style>
diff --git a/style.css b/style.css
index fea6d76..3acf464 100644
--- a/style.css
+++ b/style.css
@@ -316,11 +316,3 @@ section.experience .item header .subhead, section.volunteering .item header .sub
     flex-direction: row;
   }
 }
-
-@media print {
-  body {
-    font-size: 11pt;
-    margin: 0;
-    padding: 0;
-  }
-}

From 621daf422b741371eb19116d2ec432faeb787180 Mon Sep 17 00:00:00 2001
From: Daniel Houck <Software@DRHouck.me>
Date: Thu, 1 Feb 2024 15:03:57 -0500
Subject: [PATCH 2/2] Use variables for different sizes

---
 style.css | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/style.css b/style.css
index 3acf464..88d7feb 100644
--- a/style.css
+++ b/style.css
@@ -35,6 +35,10 @@ body {
   justify-content: center;
   line-height: 1.25;
   -webkit-print-color-adjust: exact;
+
+  --size-small: calc(var(--base-font-size) * 0.9);
+  --size-h2: calc(var(--base-font-size) * 1.4);
+  --size-h1: calc(var(--base-font-size) * 1.8);
 }
 
 em {
@@ -42,7 +46,7 @@ em {
 }
 
 p {
-  font-size: 90%;
+  font-size: var(--size-small);
 }
 
 a {
@@ -70,12 +74,12 @@ blockquote {
 }
 
 section.heading header h1 {
-  font-size: 180%;
+  font-size: var(--size-h1);
   font-weight: 300;
   margin: 0;
 }
 section.heading header h2 {
-  font-size: 140%;
+  font-size: var(--size-h2);
   font-weight: 400;
   margin: 0;
 }
@@ -94,7 +98,7 @@ section.heading header .contact {
   }
 }
 section.heading header address {
-  font-size: 90%;
+  font-size: var(--size-small);
   font-style: normal;
   padding-bottom: var(--spacing);
 }
@@ -156,7 +160,7 @@ section.experience .item .summary p:last-child {
 }
 section.experience .item .position {
   color: var(--copy-color-light);
-  font-size: 100%;
+  font-size: var(--base-font-size);
   font-weight: 500;
   margin: var(--spacing-small) 0;
 }
@@ -176,7 +180,7 @@ section.skills .item:last-child {
 }
 section.skills .item .name {
   display: inline-block;
-  font-size: 90%;
+  font-size: var(--size-small);
   font-weight: 600;
   margin: 0 var(--spacing) 0 0;
   text-transform: uppercase;
@@ -184,14 +188,14 @@ section.skills .item .name {
   white-space: nowrap;
 }
 section.skills .item .level {
-  font-size: 90%;
+  font-size: var(--size-small);
   font-style: italic;
   white-space: nowrap;
   vertical-align: top;
 }
 section.skills .item .keywords {
   display: inline-block;
-  font-size: 90%;
+  font-size: var(--size-small);
   vertical-align: top;
 }
 
@@ -226,7 +230,7 @@ section.languages .language-item:last-child {
 }
 section.languages .language-item .language {
   display: inline-block;
-  font-size: 90%;
+  font-size: var(--size-small);
   font-weight: 600;
   margin: 0 var(--spacing) 0 0;
   text-transform: uppercase;
@@ -246,7 +250,7 @@ section.interests .item:last-child {
 }
 section.interests .item .name {
   display: inline-block;
-  font-size: 90%;
+  font-size: var(--size-small);
   font-weight: 600;
   margin: 0 var(--spacing) 0 0;
   text-transform: uppercase;
@@ -265,7 +269,7 @@ section.references .item .name {
 
 section h2 {
   color: var(--accent);
-  font-size: 135%;
+  font-size: var(--size-h2);
   font-weight: 400;
   margin: 0 0 var(--spacing-double);
   position: relative;
@@ -289,7 +293,7 @@ section header h3 {
 section.experience .item .highlights, section.volunteering .highlights, section.projects .highlights,
 section.projects .keywords,
 section.projects .roles, section.education .item .courses {
-  font-size: 90%;
+  font-size: var(--size-small);
   line-height: 1.3;
   list-style: square;
   margin: var(--spacing-small) 0 var(--spacing);