From 4cb420744fdbc4845f2ae630bfec474b57bda903 Mon Sep 17 00:00:00 2001 From: Tim Obert Date: Wed, 30 Oct 2024 15:09:00 +0100 Subject: [PATCH] Adjust line-height for headings + add example for a heading with code and a linebreak --- Documentation-rendertest/Typesetting/Index.rst | 6 ++++++ packages/typo3-docs-theme/assets/sass/_variables.scss | 3 ++- packages/typo3-docs-theme/resources/public/css/theme.css | 4 ++-- 3 files changed, 10 insertions(+), 3 deletions(-) diff --git a/Documentation-rendertest/Typesetting/Index.rst b/Documentation-rendertest/Typesetting/Index.rst index e4352abae..ecc7034d0 100644 --- a/Documentation-rendertest/Typesetting/Index.rst +++ b/Documentation-rendertest/Typesetting/Index.rst @@ -62,6 +62,12 @@ Level 6 Header At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. +Long Header with code and linebreak At vero eos ea rebum `subtypes_addlist` +=========================================================== + +At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd +gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. + .. _emphasis: Emphasis diff --git a/packages/typo3-docs-theme/assets/sass/_variables.scss b/packages/typo3-docs-theme/assets/sass/_variables.scss index 812b79690..5c02c26a0 100644 --- a/packages/typo3-docs-theme/assets/sass/_variables.scss +++ b/packages/typo3-docs-theme/assets/sass/_variables.scss @@ -119,7 +119,8 @@ $h5-font-size: 1em; $h6-font-size: .85em; $headings-font-weight: $font-weight-bold; -$headings-margin-bottom: .5em; +$headings-margin-bottom: .3em; +$headings-line-height: 1.4; // // Components diff --git a/packages/typo3-docs-theme/resources/public/css/theme.css b/packages/typo3-docs-theme/resources/public/css/theme.css index 02e5495b7..df1b327c7 100644 --- a/packages/typo3-docs-theme/resources/public/css/theme.css +++ b/packages/typo3-docs-theme/resources/public/css/theme.css @@ -11310,9 +11310,9 @@ hr { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; - margin-bottom: 0.5em; + margin-bottom: 0.3em; font-weight: 600; - line-height: 1.2; + line-height: 1.4; color: var(--bs-heading-color); }