From bf8bfe58f4133a8de100de4de8549ef13c46f701 Mon Sep 17 00:00:00 2001 From: Fredrik Jonsson Date: Wed, 1 Jun 2022 08:29:18 +0200 Subject: [PATCH] Add max-line-width 70ch for redability. --- assets/sass/_variables.scss | 3 +++ assets/sass/reset/sections/_sections.scss | 11 +++++++++++ 2 files changed, 14 insertions(+) diff --git a/assets/sass/_variables.scss b/assets/sass/_variables.scss index d6c326d..48205fc 100644 --- a/assets/sass/_variables.scss +++ b/assets/sass/_variables.scss @@ -123,6 +123,9 @@ $breakpoints: ( // The max content width. $max-content-width: 960px; +// The max line width for redability. +$max-line-width: 70ch; + // The default left/right gutter/padding. $zen-gutters: 20px; diff --git a/assets/sass/reset/sections/_sections.scss b/assets/sass/reset/sections/_sections.scss index a150d8b..1638c3e 100644 --- a/assets/sass/reset/sections/_sections.scss +++ b/assets/sass/reset/sections/_sections.scss @@ -67,3 +67,14 @@ h6, @include margin-bottom(1, xs); line-height: 1.3; } + +// Set max text line width for redability. + +h2, +h3, +h4, +h5, +h6, +p { + max-width: $max-line-width; +}