From 7ad5217390d03be2d2f6cd8e1de67387f645bf2d Mon Sep 17 00:00:00 2001
From: NGPixel <github@ngpixel.com>
Date: Sun, 14 May 2017 14:20:43 -0400
Subject: [PATCH] feat: print-optimized css

---
 client/scss/app.scss        |  2 ++
 client/scss/base/print.scss | 40 +++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 client/scss/base/print.scss

diff --git a/client/scss/app.scss b/client/scss/app.scss
index 90d8597c..f0bbdb84 100644
--- a/client/scss/app.scss
+++ b/client/scss/app.scss
@@ -38,3 +38,5 @@ $primary: 'indigo';
 @import 'layout/_loader';
 
 @import 'pages/_welcome';
+
+@import 'base/print';
diff --git a/client/scss/base/print.scss b/client/scss/base/print.scss
new file mode 100644
index 00000000..c5bc685a
--- /dev/null
+++ b/client/scss/base/print.scss
@@ -0,0 +1,40 @@
+@media print {
+  #header-container,
+  #alerts,
+  .sidebar,
+  .footer {
+    display: none;
+  }
+
+  #root {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  body, main, .hero {
+    background: #FFF;
+    border: none;
+  }
+
+  .mkcontent {
+    color: mc('grey', '900');
+
+    h1, h2, h3 {
+      background: #FFF;
+    }
+    .toc-anchor {
+      display: none;
+    }
+    pre {
+      background-color: #FFF;
+      border-left: none;
+      padding-left: 20px;
+
+      > code {
+        color: mc('grey', '800');
+      }
+    }
+  }
+
+  @import 'node_modules/highlight.js/styles/atom-one-light';
+}