fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-27 14:12:09 +00:00
Code Issues Projects Releases Wiki Activity

CSS: margin only on image figcaptions, not figures

Browse source 
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
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/css/main.css
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 {