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

CSS: narrow body text

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

12
assets/css/main.css
View file

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