Update CSS for better printing

source/css/_legacy.scss

@@ -334,7 +334,7 @@ textarea {
   }
 
   body {
-    font-size: 58%;
+    font-size: 8pt;
   }
 
   h2 {

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%;
+  }
 }

source/css/components/_logo.scss

@@ -24,6 +24,10 @@
   width: 10rem;
   line-height: 0;
   padding-bottom: 0.5em;
+
+  @media print {
+    width: 6rem;
+  }
 }
 
 .logo__color {

source/css/components/_page.scss

@@ -0,0 +1,3 @@
+@page {
+  padding: 15mm;
+}

source/css/handheld.css

@@ -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/
-_____________________________________________________
-
-*/

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