css/bootstrap/_print.scss

   1 // stylelint-disable declaration-no-important, selector-no-qualifying-type
   2
   3 // Source: https://github.com/h5bp/main.css/blob/master/src/_print.css
   4
   5 // ==========================================================================
   6 // Print styles.
   7 // Inlined to avoid the additional HTTP request:
   8 // https://www.phpied.com/delay-loading-your-print-css/
   9 // ==========================================================================
  10
  11 @if $enable-print-styles {
  12   @media print {
  13     *,
  14     *::before,
  15     *::after {
  16       // Bootstrap specific; comment out `color` and `background`
  17       //color: $black !important; // Black prints faster
  18       text-shadow: none !important;
  19       //background: transparent !important;
  20       box-shadow: none !important;
  21     }
  22
  23     a {
  24       &:not(.btn) {
  25         text-decoration: underline;
  26       }
  27     }
  28
  29     // Bootstrap specific; comment the following selector out
  30     //a[href]::after {
  31     //  content: " (" attr(href) ")";
  32     //}
  33
  34     abbr[title]::after {
  35       content: " (" attr(title) ")";
  36     }
  37
  38     // Bootstrap specific; comment the following selector out
  39     //
  40     // Don't show links that are fragment identifiers,
  41     // or use the `javascript:` pseudo protocol
  42     //
  43
  44     //a[href^="#"]::after,
  45     //a[href^="javascript:"]::after {
  46     // content: "";
  47     //}
  48
  49     pre {
  50       white-space: pre-wrap !important;
  51     }
  52     pre,
  53     blockquote {
  54       border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
  55       page-break-inside: avoid;
  56     }
  57
  58     tr,
  59     img {
  60       page-break-inside: avoid;
  61     }
  62
  63     p,
  64     h2,
  65     h3 {
  66       orphans: 3;
  67       widows: 3;
  68     }
  69
  70     h2,
  71     h3 {
  72       page-break-after: avoid;
  73     }
  74
  75     // Bootstrap specific changes start
  76
  77     // Specify a size and min-width to make printing closer across browsers.
  78     // We don't set margin here because it breaks `size` in Chrome. We also
  79     // don't use `!important` on `size` as it breaks in Chrome.
  80     @page {
  81       size: $print-page-size;
  82     }
  83     body {
  84       min-width: $print-body-min-width !important;
  85     }
  86     .container {
  87       min-width: $print-body-min-width !important;
  88     }
  89
  90     // Bootstrap components
  91     .navbar {
  92       display: none;
  93     }
  94     .badge {
  95       border: $border-width solid $black;
  96     }
  97
  98     .table {
  99       border-collapse: collapse !important;
 100
 101       td,
 102       th {
 103         background-color: $white !important;
 104       }
 105     }
 106
 107     .table-bordered {
 108       th,
 109       td {
 110         border: 1px solid $gray-300 !important;
 111       }
 112     }
 113
 114     .table-dark {
 115       color: inherit;
 116
 117       th,
 118       td,
 119       thead th,
 120       tbody + tbody {
 121         border-color: $table-border-color;
 122       }
 123     }
 124
 125     .table .thead-dark th {
 126       color: inherit;
 127       border-color: $table-border-color;
 128     }
 129
 130     // Bootstrap specific changes end
 131   }
 132 }