Added basic styles for @media print

.eslintignore

@@ -1,3 +1,4 @@
 /build
 /material
 /site
+/lib

.sass-lint.yml

@@ -102,7 +102,7 @@ rules:
     - order: smacss
   property-units:
     - 2
-    - global: [rem, em, s, vh]
+    - global: [rem, em, s, vh, mm]
   pseudo-element: 2
   quotes:
     - 2

src/assets/stylesheets/extensions/_permalinks.scss

@@ -37,6 +37,11 @@
                 opacity   0.125s 0.25s;
     color: $md-color-black--lighter;
     opacity: 0;
+
+    // Hide for print
+    @media print {
+      display: none;
+    }
   }
 
   // All headers with permalinks have ids

src/assets/stylesheets/layout/_base.scss

@@ -46,10 +46,14 @@ body {
   position: relative;
   min-height: 100%;
 
-  // Lock body to viewport height (e.g. in search mode)
+  // [tablet portrait -]: Lock body to disable scroll bubbling
-  &[data-md-locked] {
+  @include break-to-device(tablet portrait) {
-    height: 100%;
+
-    overflow: hidden;
+    // Lock body to viewport height (e.g. in search mode)
+    &[data-md-locked] {
+      height: 100%;
+      overflow: hidden;
+    }
   }
 }
 
@@ -160,3 +164,12 @@ hr {
     overflow: hidden;
   }
 }
+
+// ----------------------------------------------------------------------------
+// Rules: print styles
+// ----------------------------------------------------------------------------
+
+// Add margins to page
+@page {
+  margin: 25mm;
+}

src/assets/stylesheets/layout/_footer.scss

@@ -30,6 +30,11 @@
   bottom: 0;
   width: 100%;
 
+  // Hide for print
+  @media print {
+    display: none;
+  }
+
   // Footer container
   &__inner {
     background: $md-color-black;

src/assets/stylesheets/layout/_header.scss

@@ -36,6 +36,11 @@
   background: $md-color-primary;
   color: $md-color-white;
   z-index: 1;
+
+  // Hide for print
+  @media print {
+    display: none;
+  }
 }
 
 // Navigation within header

src/assets/stylesheets/layout/_sidebar.scss

@@ -31,6 +31,11 @@
   float: left;
   overflow: visible;
 
+  // Hide for print
+  @media print {
+    display: none;
+  }
+
   // Lock sidebar to container height (account for fixed header)
   &[data-md-locked] {
     position: fixed;