mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-09-20 12:12:09 +00:00
5f1b73362c
Adjust margins/paddings to actually meet the 48px recommended tap-target size. Also get rid of the unstyled-list class. Now my stylesheet only uses a single class; everything else is actually-semantic-markup.
28 lines
596 B
CSS
28 lines
596 B
CSS
/* Print stylesheet: hide stuff that we don't need. */
|
|
@media print {
|
|
/* Currently only used for transcripts */
|
|
details,
|
|
/* Currently only used for in-page heading anchors,
|
|
* useless in printouts. */
|
|
span[aria-hidden],
|
|
/* You can't navigate in a printout. */
|
|
footer nav,
|
|
nav a:not([rel="home"]) span {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Print: don't orphan headings
|
|
* Commented out bc most browsers don't obey this yet. */
|
|
/* h2, */
|
|
/* h3, */
|
|
/* h4 { */
|
|
/* break-after: avoid; */
|
|
/* } */
|
|
|
|
/* Print: don't break up self-contained items. */
|
|
figure,
|
|
article article,
|
|
li {
|
|
break-inside: avoid;
|
|
}
|