From 9e025a2b535bf9721bbb4ca3768d4181aeedacd2 Mon Sep 17 00:00:00 2001 From: Fredrik Jonsson Date: Mon, 3 Apr 2023 14:51:12 +0200 Subject: [PATCH] Adjust how max line width is set on lists and headings. --- assets/sass/base/grouping/_grouping.scss | 13 ++++++++----- assets/sass/base/headings/_headings.scss | 21 +++++---------------- 2 files changed, 13 insertions(+), 21 deletions(-) diff --git a/assets/sass/base/grouping/_grouping.scss b/assets/sass/base/grouping/_grouping.scss index 14e9e10..e2f4dd6 100644 --- a/assets/sass/base/grouping/_grouping.scss +++ b/assets/sass/base/grouping/_grouping.scss @@ -25,11 +25,6 @@ ul, menu { // Add vertical rhythm margins. @include margin-block(1); - - // Set max text line width in main for readability. - .main & { - max-width: var(--max-line-width); - } } dd { @@ -57,6 +52,14 @@ menu { } } +li { + // Set max text line width in main for readability. + .main & { + max-width: var(--max-line-width); + } +} + + // Figures figure { diff --git a/assets/sass/base/headings/_headings.scss b/assets/sass/base/headings/_headings.scss index b17e901..67f4bcf 100644 --- a/assets/sass/base/headings/_headings.scss +++ b/assets/sass/base/headings/_headings.scss @@ -20,6 +20,11 @@ h6, font-family: var(--ff-headings); font-weight: var(--fw-headings); line-height: var(--heading-line-height); + + // Set max text line width in main for readability. + .main & { + max-width: var(--max-line-width); + } } h1, @@ -51,19 +56,3 @@ h6, %h6 { font-size: var(--fs-xs); } - -h2, -%h2, -h3, -%h3, -h4, -%h4, -h5, -%h5, -h6, -%h6 { - // Set max text line width in main for readability. - .main & { - max-width: var(--max-line-width); - } -}