KNACSS/sass/_09-print.scss
raphaelgoettter 5e6b31f849 Mise en commun des styles h1 et .h1-like
(idem pour h2, h3, etc.)
2015-03-04 14:43:27 +01:00

97 lines
1.2 KiB
SCSS

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