From 0044586d98839346aafa4962b4d57194d7af7171 Mon Sep 17 00:00:00 2001
From: Dan Barber <github@danbarber.me>
Date: Sun, 13 Oct 2024 22:54:23 -0500
Subject: [PATCH] Update CSS for better printing

---
 source/css/_legacy.scss             |  2 +-
 source/css/components/_content.scss | 13 ++++++++++++-
 source/css/components/_logo.scss    |  4 ++++
 source/css/components/_page.scss    |  3 +++
 source/css/handheld.css             | 13 -------------
 source/css/style.css.scss           |  1 +
 6 files changed, 21 insertions(+), 15 deletions(-)
 create mode 100644 source/css/components/_page.scss
 delete mode 100644 source/css/handheld.css

diff --git a/source/css/_legacy.scss b/source/css/_legacy.scss
index add8d1d..35806ba 100644
--- a/source/css/_legacy.scss
+++ b/source/css/_legacy.scss
@@ -334,7 +334,7 @@ textarea {
   }
 
   body {
-    font-size: 58%;
+    font-size: 8pt;
   }
 
   h2 {
diff --git a/source/css/components/_content.scss b/source/css/components/_content.scss
index aaf2793..3cbe344 100644
--- a/source/css/components/_content.scss
+++ b/source/css/components/_content.scss
@@ -1,5 +1,5 @@
 .content {
-  @media (min-width: 640px) {
+  @media only screen and (min-width: 640px) {
     display: grid;
     grid-template-rows: 0fr 0fr 1fr;
     grid-template-columns: 2fr 1fr;
@@ -29,4 +29,15 @@
   &__interests {
     grid-area: interests;
   }
+
+  @media print {
+    display: grid;
+    grid-template-rows: 0fr 0fr 1fr;
+    grid-template-columns: 2fr 1fr;
+    grid-template-areas:
+      "profile contact"
+      "experience skills"
+      "experience interests";
+    grid-gap: 0 7%;
+  }
 }
diff --git a/source/css/components/_logo.scss b/source/css/components/_logo.scss
index a0114b1..39b268c 100644
--- a/source/css/components/_logo.scss
+++ b/source/css/components/_logo.scss
@@ -24,6 +24,10 @@
   width: 10rem;
   line-height: 0;
   padding-bottom: 0.5em;
+
+  @media print {
+    width: 6rem;
+  }
 }
 
 .logo__color {
diff --git a/source/css/components/_page.scss b/source/css/components/_page.scss
new file mode 100644
index 0000000..3fcf9f3
--- /dev/null
+++ b/source/css/components/_page.scss
@@ -0,0 +1,3 @@
+@page {
+  padding: 15mm;
+}
diff --git a/source/css/handheld.css b/source/css/handheld.css
deleted file mode 100644
index c11cbde..0000000
--- a/source/css/handheld.css
+++ /dev/null
@@ -1,13 +0,0 @@
-/* Handheld
-
-_____________________________________________________
-
-320 and Up boilerplate extension
-
-Author: Andy Clarke
-Version: 0.9b
-URL: http://stuffandnonsense.co.uk/projects/320andup/
-License: http://creativecommons.org/licenses/MIT/
-_____________________________________________________
-
-*/
\ No newline at end of file
diff --git a/source/css/style.css.scss b/source/css/style.css.scss
index bb6f564..434dcea 100644
--- a/source/css/style.css.scss
+++ b/source/css/style.css.scss
@@ -34,6 +34,7 @@
 @import "components/header";
 @import "components/logo";
 @import "components/content";
+@import "components/page";
 
 // 7. Utilities – utilities and helper classes with ability to override
 //    anything which goes before in the triangle, eg. hide helper class