KNACSS/sass/_08-print.scss

95 lines
1.4 KiB
SCSS
Raw Permalink 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-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-04 15:48:00 +02:00
p,
.#{$kna-namespace}p-like,
2014-05-04 15:48:00 +02:00
h1,
.#{$kna-namespace}h1-like,
2014-05-04 15:48:00 +02:00
h2,
.#{$kna-namespace}h2-like,
2014-05-04 15:48:00 +02:00
h3,
.#{$kna-namespace}h3-like,
2014-05-04 15:48:00 +02:00
h4,
.#{$kna-namespace}h4-like,
2014-05-04 15:48:00 +02:00
h5,
.#{$kna-namespace}h5-like,
2014-05-04 15:48:00 +02:00
h6,
.#{$kna-namespace}h6-like,
2014-05-04 15:48:00 +02:00
blockquote,
ul,
ol {
color: #000 !important;
margin: auto !important;
}
.#{$kna-namespace}print {
2014-05-07 11:12:14 +02:00
display: block;
2014-05-04 15:48:00 +02:00
}
.#{$kna-namespace}no-print {
2014-05-07 11:12:14 +02:00
display: none;
}
2014-05-07 11:12:14 +02:00
/* no orphans, no widows */
2014-05-04 15:48:00 +02:00
p,
.#{$kna-namespace}p-like,
2014-05-04 15:48:00 +02:00
blockquote {
orphans: 3;
2014-05-07 11:12:14 +02:00
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 {
page-break-inside: avoid;
2014-05-04 15:48:00 +02:00
}
/* page break before main headers
h1,
.h1-like {
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,
.#{$kna-namespace}h1-like,
2014-05-04 15:48:00 +02:00
h2,
.#{$kna-namespace}h2-like,
2014-05-04 15:48:00 +02:00
h3,
.#{$kna-namespace}h3-like,
2014-05-04 15:48:00 +02:00
caption {
page-break-after: avoid;
2014-05-04 15:48:00 +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 */
a[href]::after {
content: " (" attr(href) ")";
2014-05-04 15:48:00 +02:00
}
a[href^="javascript:"]::after,
a[href^="#"]::after {
2014-05-04 15:48:00 +02:00
content: "";
}
2014-05-07 11:12:14 +02:00
}