1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-26 10:22:10 +00:00
seirdy.one/assets/css/print.css
Rohan Kumar d42f304f71
Many style tweaks
- Fix unnecessarily excessive spacing around "li > article" entry data
  (was due to containment)
- Aesthetic tweak: ugly underline between microformat u-photo and p-name
- Make CSS file smaller by using some microformats2 classnames instead
  of microdata attributes.
2022-08-03 21:31:05 -07:00

40 lines
1 KiB
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;
}
[role="note"] p,
[role="doc-tip"] p {
margin: .25em 0;
}
}
/* Print: don't break up self-contained items. */
figure,
blockquote,
section[itemprop="mentions"],
li {
break-inside: avoid;
}