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:
parent
8412aa3633
commit
6a08adb6c8
1 changed files with 6 additions and 6 deletions
|
@ -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;
|
||||
|
||||
|
|
Loading…
Reference in a new issue