talos

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