mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-12-25 18:22:09 +00:00
321f851431
It's mobile-friendly as-is. I made sure that tap-targets were even bigger and more spaced-apart, just to be safe. Hide unnecessary nav-links in print mode.
25 lines
425 B
CSS
25 lines
425 B
CSS
/* Print stylesheet: hide stuff that we don't need. */
|
|
@media print {
|
|
/* Currently only used for transcripts */
|
|
details,
|
|
/* Currently only used for anchors */
|
|
span[aria-hidden],
|
|
/* You can't navigate in a printout. */
|
|
footer nav,
|
|
header nav li a:not([aria-current]) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Print: don't orphan headings */
|
|
h2,
|
|
h3,
|
|
h4 {
|
|
break-after: avoid;
|
|
}
|
|
|
|
figure,
|
|
article article,
|
|
li {
|
|
break-inside: avoid;
|
|
}
|