daux.io/src/css/theme_daux/_print.scss

87 lignes
1.5 KiB
SCSS
Brut Vue normale Historique

2018-02-26 22:46:36 +01:00
* {
text-shadow: none !important;
color: #000 !important; // Black prints faster: h5bp.com/s
background: transparent !important;
box-shadow: none !important;
}
2019-05-28 22:12:50 +02:00
h1,
h2,
h3,
h4,
h5,
h6 {
2020-02-08 15:49:07 +01:00
break-after: avoid; // stylelint-disable-line plugin/no-unsupported-browser-features
break-before: auto; // stylelint-disable-line plugin/no-unsupported-browser-features
2018-02-26 22:46:36 +01:00
}
2019-05-28 22:12:50 +02:00
pre,
blockquote {
2018-02-26 22:46:36 +01:00
border: 1px solid #999;
font-style: italic;
2020-02-08 15:49:07 +01:00
break-inside: avoid; // stylelint-disable-line plugin/no-unsupported-browser-features
2018-02-26 22:46:36 +01:00
}
img {
2020-02-08 15:49:07 +01:00
break-inside: avoid; // stylelint-disable-line plugin/no-unsupported-browser-features
2018-02-26 22:46:36 +01:00
border: 0; /* Some browsers like to show a border around images. Switch it off */
}
a,
2019-05-28 22:12:50 +02:00
a:visited {
text-decoration: underline;
}
2018-02-26 22:46:36 +01:00
2019-05-28 22:12:50 +02:00
abbr[title]:after {
content: " (" attr(title) ")";
}
2018-02-26 22:46:36 +01:00
q {
quotes: none;
2019-05-28 22:12:50 +02:00
&:before {
content: "";
}
2018-02-26 22:46:36 +01:00
2019-05-28 22:12:50 +02:00
&:after {
content: " (" attr(cite) ")";
}
2018-02-26 22:46:36 +01:00
}
.PageBreak {
display: block;
2020-02-08 15:49:07 +01:00
break-before: always; // stylelint-disable-line plugin/no-unsupported-browser-features
2018-02-26 22:46:36 +01:00
}
2019-05-28 22:12:50 +02:00
.NoPrint {
display: none;
}
2018-02-26 22:46:36 +01:00
/* Hide the navigation */
2019-05-28 22:12:50 +02:00
aside {
display: none;
}
2019-05-28 22:12:50 +02:00
.Pager {
display: none;
}
.Columns__right {
width: 100% !important;
}
.s-content a:after {
content: " (" attr(href) ")";
font-size: 80%;
word-wrap: break-word; /* break long urls that donìt fit the page width */
}
/* Anchors don't need that */
2019-05-28 22:12:50 +02:00
.s-content a[href^="#"]:after {
content: "";
}
h1 a[href]:after {
font-size: 50%;
}