META-INF.resources._unstyled.css.clay.components._print.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.frontend.theme.unstyled

Liferay Frontend Theme Unstyled

The newest version!

/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2018 HTML5 Boilerplate 
 */

@if $enable-print-styles {
	@media print {
		*,
		*::before,
		*::after {
			text-shadow: none !important;
			box-shadow: none !important;
		}

		a {
			&:not(.btn) {
				text-decoration: underline;
			}
		}

		abbr[title]::after {
			content: ' (' attr(title) ')';
		}

		pre {
			white-space: pre-wrap !important;
		}

		pre,
		blockquote {
			border: $border-width solid $gray-500;
			page-break-inside: avoid;
		}

		// Printing Tables:
		// https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables

		thead {
			display: table-header-group;
		}

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

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

		h2,
		h3 {
			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.

		@at-root {
			@media print {
				@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;
		}

		.badge {
			border: $border-width solid $black;
		}

		.table {
			border-collapse: collapse !important;

			td,
			th {
				background-color: $white !important;
			}
		}

		.table-bordered {
			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 {
			border-color: $table-border-color;
			color: inherit;
		}

		// Bootstrap specific changes end
	}
}

/* SPDX-SnippetEnd */