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 5affa6df0b
CSS: compact, preserve active color, size tweak
- Remove unnecessary elements from attribute selectors wherever it
  improves compression.
- Dark theme: prevent active link color from being overridden.
- Sort properties/attributes to improve compression ratios.
- Bump font size from 109% to 109.375% so the default font size hits
  17.5px and we get nice round numbers.
2022-08-01 21:24:53 -07:00

35 lines
970 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 */
[href="#h1"], /* Skip link */
[role="doc-backlink"], /* can't navigate back on print. */
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"],
/* You can't navigate across the site in a printout. */
footer,
/* splitting up sections with <hr> is unnecesary if those
* sections are removed */
body > hr,
main[itemprop] > article + hr,
nav:not([itemprop="breadcrumb"]) a:not([rel="home"]) {
display: none;
}
}
/* Print: don't break up self-contained items. */
figure,
blockquote,
section[itemprop="mentions"],
li {
break-inside: avoid;
}