KNACSS/sass/_08-print.scss

86 lines
1.1 KiB
SCSS
Raw Normal View History

2014-05-04 15:48:00 +02:00
/* quick print reset */
@media print {
* {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
body {
width: auto !important;
margin: auto !important;
font-family: serif;
font-size: 12pt;
background-color: #fff !important;
color: #333 !important;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
p,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
ul,
ol {
color: #000 !important;
margin: auto !important;
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
.print {
2014-05-07 11:12:14 +02:00
display: block;
2014-05-04 15:48:00 +02:00
}
2014-05-07 11:12:14 +02:00
.no-print {
display: none;
}
2014-05-04 15:48:00 +02:00
img {
filter: grayscale(100%);
}
2014-05-07 11:12:14 +02:00
/* no orphans, no widows */
2014-05-04 15:48:00 +02:00
p,
blockquote {
2014-05-07 11:12:14 +02:00
orphans: 3;
widows: 3;
2014-05-04 15:48:00 +02:00
}
2014-05-07 11:12:14 +02:00
/* no breaks inside these elements */
2014-05-04 15:48:00 +02:00
blockquote,
ul,
ol {
2014-05-07 11:12:14 +02:00
page-break-inside: avoid;
2014-05-04 15:48:00 +02:00
}
2014-05-07 11:12:14 +02:00
/* page break before main headers */
2014-05-04 15:48:00 +02:00
h1 {
2014-05-07 11:12:14 +02:00
page-break-before: always;
2014-05-04 15:48:00 +02:00
}
2014-05-07 11:12:14 +02:00
/* no breaks after these elements */
2014-05-04 15:48:00 +02:00
h1,
h2,
h3,
caption {
2014-05-07 11:12:14 +02:00
page-break-after: avoid;
2014-05-04 15:48:00 +02:00
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
a {
color: #000 !important;
text-decoration: underline !important;
}
2014-05-07 11:12:14 +02:00
/* displaying URLs */
2014-05-04 15:48:00 +02:00
a[href]:after {
2014-05-07 11:12:14 +02:00
content: " (" attr(href) ")";
2014-05-04 15:48:00 +02:00
}
2014-05-07 11:12:14 +02:00
2014-05-04 15:48:00 +02:00
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
2014-05-07 11:12:14 +02:00
}