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

CSS: narrow body text

WCAG AAA guidelines encourage limiting text to 80 chars. Unlike A and
AA, the AAA level is more of a list of suggestions than a requirement.
Most other studies seem to indicate 70 is a good minimum but 100 is a
bit excessive.

"ch" units are broken on NetSurf, so I went with the closest "em"
approximation (since I already use "em" everywhere else).
This commit is contained in:
Rohan Kumar 2022-03-04 13:55:58 -08:00
parent 8412aa3633
commit 6a08adb6c8
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479

View file

@ -26,7 +26,7 @@
html {
font: 100%/1.5 sans-serif;
margin: auto;
max-width: 50em;
max-width: 45em;
padding: 0 3%;
}
@ -37,6 +37,7 @@ blockquote {
padding-left: 1em;
}
/* narrow screens: remove figure margin. */
figure {
margin: 0;
}
@ -46,9 +47,9 @@ nav li {
padding-right: 0.5em;
}
/* Lists without bullets; navlinks, posts lists, webmentions */
/* Lists without bullets: navlinks, posts lists, webmentions */
.unstyled-list {
padding: 0;
padding-left: 0;
}
.unstyled-list li {
@ -63,11 +64,10 @@ nav li {
}
}
/* browsers make <pre> small for some dumb legacy reason
* and this somehow fixes that. */
code,
pre {
/* browsers make <pre> small for some dumb legacy reason
* and this somehow fixes that. */
/* stylelint-disable -- compatibility hack */
font-family: monospace, monospace;