From b9d6fc031436a3a1964132d2f7434c133359cd2b Mon Sep 17 00:00:00 2001 From: Mike Gerwitz Date: Tue, 24 Apr 2018 22:17:27 -0400 Subject: [PATCH] :style.css: Reduced line width, increased height Improve readability. --- style.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 03a9aa0..9622dd6 100644 --- a/style.css +++ b/style.css @@ -43,17 +43,23 @@ body.index footer, margin: 0em -10em; } -/* typesetting standards for ~50 chars per line */ +/* typesetting standards for ~60 chars per line */ body article .content, body.article #content { clear: both; margin: auto; - max-width: 50em; + + max-width: 38em; /* fallback for older browsers */ + max-width: 60ch; + + line-height: 1.8em; } body article header, body.article #header { margin: auto; - max-width: 56em; + + max-width: 44em; /* fallback for older browsers */ + max-width: 70ch; } h1, h2, h3, #menu, @@ -167,6 +173,8 @@ body.index .content, /* don't let text get too wide */ max-width: 40em; margin: auto; + + line-height: 1.8em; } #cgit .content { max-width: none; @@ -186,7 +194,7 @@ body.index ul.index { padding-left: 1.5em; } body.index ul.index li { - margin: 0.5em 0px; + margin: 1em 0px; } body.index ul.index li .day { float: left;