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:
parent
a3b8eb87b7
commit
9e2d7aa615
1 changed files with 7 additions and 3 deletions
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue