Reduce blank pages when printing in Chrome

Close #29

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## Unreleased
+
+### Fixed
+- `/_sass/_print.scss` to reduce blank pages when printing in Chrome. [#29](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/29)
+
 ## [1.1.1] - 2017-09-06
 ### Changed
 - Change `gems` key in `_config.yml` to `plugins`. [#23](https://github.com/mmistakes/jekyll-theme-basically-basic/pull/23)

_sass/basically-basic/_print.scss

@@ -17,17 +17,20 @@
   html {
     margin: 0;
     padding: 0;
+    height: auto;
+    min-height: auto !important;
     font-size: 16px;
   }
 
   body {
-    margin: 0 auto;
+    margin: 0;
+    height: auto;
     background: #fff !important;
     color: #000 !important;
     font-size: 1rem;
+    line-height: 1.5;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
-    line-height: 1.5;
     text-rendering: optimizeLegibility;
   }
 
@@ -185,6 +188,26 @@
     content: ' (' attr(title) ')';
   }
 
+  .wrapper {
+    min-height: auto !important;
+  }
+
+  #main {
+    max-width: 100%;
+  }
+
+  .inner {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .intro-actions .btn {
+    color: #fff;
+    background: #000;
+  }
+
   .page-break,
   .page-break-before {
     page-break-before: always;
@@ -216,11 +239,14 @@
    Hide the following elements on print
    ========================================================================== */
 
+  .skip-links,
   .sidebar-toggle-wrapper,
+  .sidebar,
   .title-area,
   .pager,
   .site-footer,
   .adsbygoogle {
     display: none !important;
+    height: 1px;
   }
 }