Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/frjo/hugo-theme-zen.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorFredrik Jonsson <frjo@xdeb.org>2022-06-01 09:29:18 +0300
committerFredrik Jonsson <frjo@xdeb.org>2022-06-01 09:29:18 +0300
commitbf8bfe58f4133a8de100de4de8549ef13c46f701 (patch)
tree39c5375b1d53602aa5813aece9cfb1a62f867ca0
parent6d9eeed6806b5b454132fcf70116196ea0e48fa8 (diff)
Add max-line-width 70ch for redability.
-rw-r--r--assets/sass/_variables.scss3
-rw-r--r--assets/sass/reset/sections/_sections.scss11
2 files changed, 14 insertions, 0 deletions
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;
+}