From 3a0f200a911ef01af23172be9f4bc21652cf2141 Mon Sep 17 00:00:00 2001
From: Joel Knight <knight.joel@gmail.com>
Date: Sun, 5 Apr 2020 15:22:18 -0600
Subject: [PATCH] Hide header and pagination footer when printing

Since the header and pagination footer contain links that help a reader
navigate the site in a browser, they serve little value on a printed
copy.
---
 source/css/header.css     | 4 ++++
 source/css/pagination.css | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/source/css/header.css b/source/css/header.css
index 2f73def..c91915e 100644
--- a/source/css/header.css
+++ b/source/css/header.css
@@ -15,6 +15,10 @@
   flex-direction: column;
   position: relative;
 
+  @media print {
+    display: none;
+  }
+
   &__inner {
     display: flex;
     align-items: center;
diff --git a/source/css/pagination.css b/source/css/pagination.css
index b193f0a..30dbadc 100644
--- a/source/css/pagination.css
+++ b/source/css/pagination.css
@@ -1,6 +1,10 @@
 .pagination {
   margin-top: 50px;
 
+  @media print {
+    display: none;
+  }
+
   &__title {
     display: flex;
     text-align: center;