Adjust line-height for headings + add example for a heading with code…

… and a linebreak
TYPO3-Documentation · Oct 30, 2024 · 4cb4207 · 4cb4207
1 parent 6dc6de1
commit 4cb4207
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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);
 }