mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-12-25 18:22:09 +00:00
d97481f381
- Make webring links touch-friendly and accessible by using spaced-out details elements. - Make details elements touch-friendly by indicating interactive region area and making summary padded. - Sort featured posts by featured order. - Ensure that at least one non-interactive tappable region exists on the screen at all times, 48x48 px.
32 lines
639 B
CSS
32 lines
639 B
CSS
/* Print stylesheet: hide stuff that we don't need. */
|
|
@media print {
|
|
/* Currently only used for transcripts */
|
|
article 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;
|
|
}
|
|
|
|
summary {
|
|
list-style: 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;
|
|
}
|