From a2b9a959457a9984d88a32dd42baab4818a5e756 Mon Sep 17 00:00:00 2001 From: Julie Blanc Date: Wed, 21 Jan 2026 09:06:59 +0100 Subject: [PATCH] break-after avoid --- css/modules/_titles.scss | 18 ++++++++++++++++-- css/style.css | 17 +++++++++++++++-- css/style.css.map | 2 +- 3 files changed, 32 insertions(+), 5 deletions(-) diff --git a/css/modules/_titles.scss b/css/modules/_titles.scss index b895762..4ce5951 100644 --- a/css/modules/_titles.scss +++ b/css/modules/_titles.scss @@ -28,6 +28,20 @@ } } + h4, h5, h6 { + break-inside: avoid; + break-after: avoid; + + /* hack for avoiding break-after */ + margin-bottom: calc(var(--baseline)*-2); + &::after{ + content: ''; + display: block; + height: calc(var(--baseline)*2); + // background-color: rgba(255, 255, 0, 0.595); + } + } + h1 + ol + p, h2 + ol + p, @@ -114,7 +128,7 @@ padding-left: 3ch; position: relative; margin-top: calc(var(--baseline)*0.5); - margin-bottom: calc(var(--baseline)*0.5); + padding: calc(var(--baseline)*0.5); } @@ -126,7 +140,7 @@ line-height: calc(var(--baseline)*1); position: relative; margin-top: calc(var(--baseline)*0.75); - margin-bottom: calc(var(--baseline)*0.25); + padding-bottom: calc(var(--baseline)*0.25); } diff --git a/css/style.css b/css/style.css index eabd9dd..58deda3 100644 --- a/css/style.css +++ b/css/style.css @@ -267,6 +267,19 @@ blockquote + ol + p { display: block; height: calc(var(--baseline) * 3); } +#section__content h4, #section__content h5, #section__content h6 { + -moz-column-break-inside: avoid; + break-inside: avoid; + -moz-column-break-after: avoid; + break-after: avoid; + /* hack for avoiding break-after */ + margin-bottom: calc(var(--baseline) * -2); +} +#section__content h4::after, #section__content h5::after, #section__content h6::after { + content: ""; + display: block; + height: calc(var(--baseline) * 2); +} #section__content h1 + ol + p, #section__content h2 + ol + p, #section__content h3 + ol + p, @@ -335,7 +348,7 @@ blockquote + ol + p { padding-left: 3ch; position: relative; margin-top: calc(var(--baseline) * 0.5); - margin-bottom: calc(var(--baseline) * 0.5); + padding: calc(var(--baseline) * 0.5); } #section__content h5 { font-family: var(--font-sans); @@ -344,7 +357,7 @@ blockquote + ol + p { line-height: calc(var(--baseline) * 1); position: relative; margin-top: calc(var(--baseline) * 0.75); - margin-bottom: calc(var(--baseline) * 0.25); + padding-bottom: calc(var(--baseline) * 0.25); } [data-id=section__content][data-split-from] > :first-child { diff --git a/css/style.css.map b/css/style.css.map index f8b760a..9e2a53c 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","modules/_var.scss","modules/_init.scss","modules/_layout.scss","modules/_text.scss","modules/_titles.scss","modules/_footnotes.scss","modules/_list-of-abbr.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","modules/_var.scss","modules/_init.scss","modules/_layout.scss","modules/_text.scss","modules/_titles.scss","modules/_footnotes.scss","modules/_list-of-abbr.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file