From c4a6200af31de181371013cf803a967b2a9b0e62 Mon Sep 17 00:00:00 2001 From: Fredrik Jonsson Date: Sat, 11 Nov 2023 17:18:22 +0100 Subject: [PATCH] Move content closer up to related header. --- assets/sass/base/grouping/_grouping.scss | 2 +- assets/sass/base/headings/_headings.scss | 20 ++++++++++++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/assets/sass/base/grouping/_grouping.scss b/assets/sass/base/grouping/_grouping.scss index f43cbb2..f1a401b 100644 --- a/assets/sass/base/grouping/_grouping.scss +++ b/assets/sass/base/grouping/_grouping.scss @@ -74,7 +74,7 @@ hr { p { // Add vertical rhythm margins. - @include margin-block(.375 .75); + @include margin-block(.75); // Set max text line width in main for readability. .main & { diff --git a/assets/sass/base/headings/_headings.scss b/assets/sass/base/headings/_headings.scss index 300d065..c60ba1e 100644 --- a/assets/sass/base/headings/_headings.scss +++ b/assets/sass/base/headings/_headings.scss @@ -28,6 +28,26 @@ h6, } } +// Move content closer up to related header. +h2, +%h2, +h3, +%h3, +h4, +%h4, +h5, +%h5, +h6, +%h6 { + & + :is(p, ul, ol) { + @include margin-block-start(0.375); + } + + & + & { + @include margin-block-start(0.5); + } +} + h1, %h1 { // h1 only on top of page so different margins.