1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00

CSS: margin only on image figcaptions, not figures

Keeps images from getting shrunk to the point at which pictures of text
are unreadable.
This commit is contained in:
Rohan Kumar 2022-04-08 21:02:06 -07:00
parent a3b8eb87b7
commit 9e2d7aa615
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479

View file

@ -59,12 +59,16 @@ a[aria-current="page"] {
font-weight: bold;
}
/* narrow screens: reduce unused figure margins for text figures. */
figure[itemtype="https://schema.org/Quotation"],
figure[itemtype="https://schema.org/SoftwareSourceCode"] {
/* narrow screens: remove unused figure margins for text figures. */
figure {
margin: 0;
}
figure:not([itemtype]) figcaption {
margin: 0 10%;
}
/* Mobile optimization: nav links are tappable with fat fingers */
nav li,
.unstyled-list li {