fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2025-02-17 12:20:06 +00:00
Code Issues Projects Releases Wiki Activity

Optimal line length

Browse source
This commit is contained in:
Rohan Kumar 2022-03-26 12:33:01 -07:00
parent fd576c9175
commit 82a63d9662
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/css/main.css
View file

@ -26,25 +26,26 @@
* default fonts, non-dark-mode colors, etc. * default fonts, non-dark-mode colors, etc.
*/ */
html, html {
.e-content {
/* Mobile screens benefit from greater line-spacing so links are /* Mobile screens benefit from greater line-spacing so links are
* further apart. Dyslexic users prefer the spacing too. * further apart. Dyslexic users prefer the spacing too.
* <100dpi screens: sans-serif is better. Why did browsers settle * <100dpi screens: sans-serif is better. Why did browsers settle
* on serif being the default??*/ * on serif being the default??*/
font: 110%/1.5 sans-serif; font: 100%/1.5 sans-serif;
/* WCAG recommends a max line width. Not everyone can resize the /* WCAG recommends a max line width. Not everyone can resize the
* viewport. TODO: see if this should be reduced. * viewport. TODO: see if this should be reduced.
* Aligning to the center with space on both sides prevents accidental * Aligning to the center with space on both sides prevents accidental
* link activation on mobile devices.*/ * link activation on mobile devices.*/
margin: auto; margin: auto;
max-width: 48em; max-width: 45em;
padding: 0 3%; padding: 0 3%;
} }
.e-content { .e-content {
max-width: 40em; max-width: 38em;
padding 0;
margin: auto;
} }
/* narrow screens: reduce margin for blockquotes a lot, using /* narrow screens: reduce margin for blockquotes a lot, using

1
layouts/posts/single.html
View file

@ -20,6 +20,7 @@
<span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read <span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read
</small> </small>
</header> </header>
<hr>
<section class="e-content entry-content" itemprop="articleBody"> <section class="e-content entry-content" itemprop="articleBody">
{{ partial "processed-content" . -}} {{ partial "processed-content" . -}}
</section> </section>