_print.scss — VK Blocks 0.16.2

vk-blocks / lib / bootstrap / scss / _print.scss

vk-blocks / lib / bootstrap / scss Last commit date

_print.scss

142 lines

1	// stylelint-disable declaration-no-important, selector-no-qualifying-type
2
3	// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.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	//
59	// Printing Tables:
60	// http://css-discuss.incutio.com/wiki/Printing_Tables
61	//
62
63	thead {
64	display: table-header-group;
65	}
66
67	tr,
68	img {
69	page-break-inside: avoid;
70	}
71
72	p,
73	h2,
74	h3 {
75	orphans: 3;
76	widows: 3;
77	}
78
79	h2,
80	h3 {
81	page-break-after: avoid;
82	}
83
84	// Bootstrap specific changes start
85
86	// Specify a size and min-width to make printing closer across browsers.
87	// We don't set margin here because it breaks `size` in Chrome. We also
88	// don't use `!important` on `size` as it breaks in Chrome.
89	@page {
90	size: $print-page-size;
91	}
92	body {
93	min-width: $print-body-min-width !important;
94	}
95	.container {
96	min-width: $print-body-min-width !important;
97	}
98
99	// Bootstrap components
100	.navbar {
101	display: none;
102	}
103	.badge {
104	border: $border-width solid $black;
105	}
106
107	.table {
108	border-collapse: collapse !important;
109
110	td,
111	th {
112	background-color: $white !important;
113	}
114	}
115
116	.table-bordered {
117	th,
118	td {
119	border: 1px solid $gray-300 !important;
120	}
121	}
122
123	.table-dark {
124	color: inherit;
125
126	th,
127	td,
128	thead th,
129	tbody + tbody {
130	border-color: $table-border-color;
131	}
132	}
133
134	.table .thead-dark th {
135	color: inherit;
136	border-color: $table-border-color;
137	}
138
139	// Bootstrap specific changes end
140	}
141	}
142