Fixed print styles in mobile/tablet configuration

CHANGELOG

@@ -2,6 +2,7 @@ mkdocs-material-0.x.x (2016-xx-xx)
 
   * Fixed styles for deep navigational hierarchies
   * Fixed webfont delivery problem when hosted in subdirectories
+  * Fixed print styles in mobile/tablet configuration
   * Added option to configure fonts in mkdocs.yml with fallbacks
   * Set download link to latest version if available
   * Set up tracking of outgoing links and actions for Google Analytics

material/base.html

@@ -53,7 +53,7 @@
       	font-style: normal;
       }
     </style>
-    <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-aa50e5707f.css">
+    <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-3a649dbde3.css">
     {% if config.extra.font != 'none' %}
       {% set text = 'Ubuntu' %}
       {% if config.extra.font and config.extra.font.text %}

material/drawer.html

@@ -21,12 +21,12 @@
         <ul class="repo">
           <li class="repo-download">
             {% set version = config.extra.version | default('master') %}
-            <a href="{{ repo_url }}/archive/{{ version }}.zip" target="_blank" title="Download {{ repo_id }} from GitHub" data-action="download">
+            <a href="{{ repo_url }}/archive/{{ version }}.zip" target="_blank" title="Download {{ site_name }} from GitHub" data-action="download">
               <i class="icon icon-download"></i> Download
             </a>
           </li>
           <li class="repo-stars">
-            <a href="{{ repo_url }}" target="_blank" title="Star {{ repo_id }} on GitHub" data-action="star">
+            <a href="{{ repo_url }}" target="_blank" title="Star {{ site_name }} on GitHub" data-action="star">
               <i class="icon icon-star"></i> Star
               <span class="count">&ndash;</span>
             </a>

material/manifest.json

@@ -2,5 +2,5 @@
   "assets/images/favicon.ico": "assets/images/favicon-e565ddfa3b.ico",
   "assets/javascripts/application.js": "assets/javascripts/application-c6d2e828bd.js",
   "assets/javascripts/modernizr.js": "assets/javascripts/modernizr-4ab42b99fd.js",
-  "assets/stylesheets/application.css": "assets/stylesheets/application-aa50e5707f.css"
+  "assets/stylesheets/application.css": "assets/stylesheets/application-3a649dbde3.css"
 }

src/assets/stylesheets/_print.scss

@@ -32,7 +32,7 @@
   /*
    * Hide non-relevant elements
    */
-  .header, .project, .footer {
+  .header, .drawer, .headerlink, .footer {
     display: none;
   }
 
@@ -41,6 +41,13 @@
    */
   .article {
 
+    /*
+     * Remove top spacing
+     */
+    .wrapper {
+      padding-top: 0;
+    }
+
     /*
      * Remove color in all code blocks
      */
@@ -48,6 +55,10 @@
       color: $black !important;
     }
 
+    pre {
+      border: 1px solid $black-lightest;
+    }
+
     /*
      * Border-radius makes this table entirely black on paper, so scrap it
      */

src/assets/stylesheets/modules/drawer/_appearance.scss

@@ -31,7 +31,7 @@
 
   /* [tablet landscape-]: Light gray background */
   @include break-to-device(tablet landscape) {
-    background: darken($white, 5%);
+    background: $white;
   }
 
   /*
@@ -67,17 +67,6 @@
   .section {
     color: $black-light;
   }
-
-  /*
-   * Content wrapper
-   */
-  .wrapper {
-
-    /* [tablet landscape-]: Light gray background */
-    @include break-to-device(tablet landscape) {
-      background: darken($white, 5%);
-    }
-  }
 }
 
 /*
@@ -113,7 +102,7 @@
    */
   &:hover .logo img,
   &:focus .logo img {
-    @include drop-shadow(3);
+    @include drop-shadow(2);
   }
 }
 
@@ -121,8 +110,6 @@
  * Repository buttons
  */
 .repo a {
-  @include drop-shadow(1);
-
   background: $accent;
   color: $white;
   border-radius: 3px;
@@ -131,7 +118,7 @@
    * Hovered button
    */
   &:hover, &:focus {
-    @include drop-shadow(3);
+    @include drop-shadow(2);
 
     opacity: 0.8;
   }

src/drawer.html

@@ -37,14 +37,14 @@
           <li class="repo-download">
             {% set version = config.extra.version | default('master') %}
             <a href="{{ repo_url }}/archive/{{ version }}.zip" target="_blank"
-              title="Download {{ repo_id }} from GitHub"
+              title="Download {{ site_name }} from GitHub"
               data-action="download">
               <i class="icon icon-download"></i> Download
             </a>
           </li>
           <li class="repo-stars">
             <a href="{{ repo_url }}" target="_blank"
-              title="Star {{ repo_id }} on GitHub"
+              title="Star {{ site_name }} on GitHub"
               data-action="star">
               <i class="icon icon-star"></i> Star
               <span class="count">&ndash;</span>