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

docs/_sass/basically-basic/_print.scss

@@ -2,7 +2,7 @@
    PRINT STYLES
    ========================================================================== */
 
-@media print {
+   @media print {
 
       [hidden] {
         display: none;
@@ -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;
@@ -212,15 +235,18 @@
         color: #000;
       }
 
-/*
+    /*
        Hide the following elements on print
        ========================================================================== */
 
+      .skip-links,
       .sidebar-toggle-wrapper,
+      .sidebar,
       .title-area,
       .pager,
       .site-footer,
       .adsbygoogle {
         display: none !important;
+        height: 1px;
+      }
     }
-}