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

Author: Tim-Obert

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

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

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);
 }