1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-25 18:22:09 +00:00
seirdy.one/assets/css/print.css
Rohan Kumar a3aa0fbaaf
Hide some useless stuff
Remove visible bullets from datafeeds. Switch them to <ol> for
consistency.
Hide superfluous horizontal rules from print media.
2022-06-14 22:08:50 -07:00

35 lines
887 B
CSS

/* Print stylesheet: hide stuff that we don't need. */
@media print {
/* The triangle bullet on summary elements gives no actionable
* information on print. */
summary {
list-style: none;
}
/* Hide screen-only content */
aside:not([role="note"]),
/* An un-opened summary inside an article has no use in print.
* Outside an article it's used in my webring list where it has some
* use, see below. */
article summary,
section[aria-labelledby="webmentions"],
/* Currently only used for in-page heading anchors,
* useless in printouts. */
h2 + a,
/* You can't navigate in a printout. */
footer,
/* splitting up sections with <hr> is unnecesary if those
* sections are removed */
body > hr,
nav a:not([rel="home"]) span {
display: none;
}
}
/* Print: don't break up self-contained items. */
figure,
section[itemprop="mentions"],
li {
break-inside: avoid;
}