mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-14 01:32:11 +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:
parent
a3b8eb87b7
commit
9e2d7aa615
1 changed files with 7 additions and 3 deletions
|
@ -59,12 +59,16 @@ a[aria-current="page"] {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* narrow screens: reduce unused figure margins for text figures. */
|
/* narrow screens: remove unused figure margins for text figures. */
|
||||||
figure[itemtype="https://schema.org/Quotation"],
|
|
||||||
figure[itemtype="https://schema.org/SoftwareSourceCode"] {
|
figure {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figure:not([itemtype]) figcaption {
|
||||||
|
margin: 0 10%;
|
||||||
|
}
|
||||||
|
|
||||||
/* Mobile optimization: nav links are tappable with fat fingers */
|
/* Mobile optimization: nav links are tappable with fat fingers */
|
||||||
nav li,
|
nav li,
|
||||||
.unstyled-list li {
|
.unstyled-list li {
|
||||||
|
|
Loading…
Reference in a new issue