_sass/bootstrap/_print.scss in apx-docs-theme-0.1.7 vs _sass/bootstrap/_print.scss in apx-docs-theme-0.1.15

@@ -1,101 +1,141 @@
-/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+// stylelint-disable declaration-no-important, selector-no-qualifying-type
 
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
+
 // ==========================================================================
 // Print styles.
-// Inlined to avoid the additional HTTP request: h5bp.com/r
+// Inlined to avoid the additional HTTP request:
+// https://www.phpied.com/delay-loading-your-print-css/
 // ==========================================================================
 
-@media print {
+@if $enable-print-styles {
+  @media print {
     *,
-    *:before,
-    *:after {
-        background: transparent !important;
-        color: #000 !important; // Black prints faster: h5bp.com/s
-        box-shadow: none !important;
-        text-shadow: none !important;
+    *::before,
+    *::after {
+      // Bootstrap specific; comment out `color` and `background`
+      //color: $black !important; // Black prints faster
+      text-shadow: none !important;
+      //background: transparent !important;
+      box-shadow: none !important;
     }
 
-    a,
-    a:visited {
+    a {
+      &:not(.btn) {
         text-decoration: underline;
+      }
     }
 
-    a[href]:after {
-        content: " (" attr(href) ")";
-    }
+    // Bootstrap specific; comment the following selector out
+    //a[href]::after {
+    //  content: " (" attr(href) ")";
+    //}
 
-    abbr[title]:after {
-        content: " (" attr(title) ")";
+    abbr[title]::after {
+      content: " (" attr(title) ")";
     }
 
+    // Bootstrap specific; comment the following selector out
+    //
     // Don't show links that are fragment identifiers,
     // or use the `javascript:` pseudo protocol
-    a[href^="#"]:after,
-    a[href^="javascript:"]:after {
-        content: "";
-    }
+    //
 
+    //a[href^="#"]::after,
+    //a[href^="javascript:"]::after {
+    // content: "";
+    //}
+
+    pre {
+      white-space: pre-wrap !important;
+    }
     pre,
     blockquote {
-        border: 1px solid #999;
-        page-break-inside: avoid;
+      border: $border-width solid $gray-500;   // Bootstrap custom code; using `$border-width` instead of 1px
+      page-break-inside: avoid;
     }
 
+    //
+    // Printing Tables:
+    // http://css-discuss.incutio.com/wiki/Printing_Tables
+    //
+
     thead {
-        display: table-header-group; // h5bp.com/t
+      display: table-header-group;
     }
 
     tr,
     img {
-        page-break-inside: avoid;
+      page-break-inside: avoid;
     }
 
-    img {
-        max-width: 100% !important;
-    }
-
     p,
     h2,
     h3 {
-        orphans: 3;
-        widows: 3;
+      orphans: 3;
+      widows: 3;
     }
 
     h2,
     h3 {
-        page-break-after: avoid;
+      page-break-after: avoid;
     }
 
     // Bootstrap specific changes start
 
+    // Specify a size and min-width to make printing closer across browsers.
+    // We don't set margin here because it breaks `size` in Chrome. We also
+    // don't use `!important` on `size` as it breaks in Chrome.
+    @page {
+      size: $print-page-size;
+    }
+    body {
+      min-width: $print-body-min-width !important;
+    }
+    .container {
+      min-width: $print-body-min-width !important;
+    }
+
     // Bootstrap components
     .navbar {
-        display: none;
+      display: none;
     }
-    .btn,
-    .dropup > .btn {
-        > .caret {
-            border-top-color: #000 !important;
-        }
+    .badge {
+      border: $border-width solid $black;
     }
-    .label {
-        border: 1px solid #000;
-    }
 
     .table {
-        border-collapse: collapse !important;
+      border-collapse: collapse !important;
 
-        td,
-        th {
-            background-color: #fff !important;
-        }
+      td,
+      th {
+        background-color: $white !important;
+      }
     }
+
     .table-bordered {
-        th,
-        td {
-            border: 1px solid #ddd !important;
-        }
+      th,
+      td {
+        border: 1px solid $gray-300 !important;
+      }
     }
 
+    .table-dark {
+      color: inherit;
+
+      th,
+      td,
+      thead th,
+      tbody + tbody {
+        border-color: $table-border-color;
+      }
+    }
+
+    .table .thead-dark th {
+      color: inherit;
+      border-color: $table-border-color;
+    }
+
     // Bootstrap specific changes end
+  }
 }