_print.scss 2.14 KB
Newer Older
1
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
2
3
4

// ==========================================================================
// Print styles.
5
6
// Inlined to avoid the additional HTTP request:
// http://www.phpied.com/delay-loading-your-print-css/
7
// ==========================================================================
8
9

@media print {
10
  *,
11
  *::before,
12
13
14
15
16
17
  *::after,
  *::first-letter,
  *::first-line {
    // Bootstrap specific; comment out `color` and `background`
    //color: #000 !important; // Black prints faster:
                              //   http://www.sanbeiji.com/archives/953
18
    text-shadow: none !important;
19
    //background: transparent !important;
20
21
22
23
24
25
26
27
    box-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

28
29
30
31
32
  // Bootstrap specific; comment the following selector out
  //a[href]::after {
  //  content: " (" attr(href) ")";
  //}

33
  abbr[title]::after {
34
35
36
    content: " (" attr(title) ")";
  }

37
38
39
40
41
42
43
44
45
46
47
  // 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: "";
  //}

48
49
  pre,
  blockquote {
50
    border: $border-width solid #999;   // Bootstrap custom code; using `$border-width` instead of 1px
51
52
53
    page-break-inside: avoid;
  }

54
55
56
57
58
  //
  // Printing Tables:
  // http://css-discuss.incutio.com/wiki/Printing_Tables
  //

59
  thead {
60
    display: table-header-group;
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  // Bootstrap specific changes start

  // Bootstrap components
  .navbar {
    display: none;
  }
  .btn,
  .dropup > .btn {
    > .caret {
      border-top-color: #000 !important;
    }
  }
  .label {
93
    border: $border-width solid #000;
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
  }

  .table {
    border-collapse: collapse !important;

    td,
    th {
      background-color: #fff !important;
    }
  }
  .table-bordered {
    th,
    td {
      border: 1px solid #ddd !important;
    }
  }

  // Bootstrap specific changes end
112
}