Merge pull request #112 from pfadfinden/bugfix/#110-subtitles

[BUGFIX] Add styles for subtitles
pfadfinden · Jan 8, 2022 · cde57a2 · cde57a2
2 parents 192eeee + cbf3dba
commit cde57a2
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 1 deletion.
diff --git a/Configuration/TypoScript/Extensions/Z7semantilizer.typoscript b/Configuration/TypoScript/Extensions/Z7semantilizer.typoscript
@@ -0,0 +1 @@
+lib.contentElement.partialRootPaths.156587903 = EXT:bdp_template/Resources/Private/Partials/Frontend
diff --git a/Configuration/TypoScript/setup.typoscript b/Configuration/TypoScript/setup.typoscript
@@ -34,6 +34,7 @@
 @import 'EXT:bdp_template/Configuration/TypoScript/Extensions/Omcookiemanager.typoscript'
 @import 'EXT:bdp_template/Configuration/TypoScript/Extensions/Instagram.typoscript'
 @import 'EXT:bdp_template/Configuration/TypoScript/Extensions/Calendarize.typoscript'
+@import 'EXT:bdp_template/Configuration/TypoScript/Extensions/Z7semantilizer.typoscript'
 
 
 ##############

diff --git a/Resources/Private/Partials/Frontend/Header/Header.html b/Resources/Private/Partials/Frontend/Header/Header.html
@@ -0,0 +1,10 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{header}">
+    <f:variable name="tagName" value="{f:if(condition:type, then:'h{type}', else:'div')}" />
+    <f:variable name="baseClassName" value="{f:if(condition:class, then:'{class}', else:'ce-header')}" />
+
+    <{tagName} class="{baseClassName}{f:if(condition:layout, then:' {baseClassName}--{layout}')}{f:if(condition:position, then:' {baseClassName}--{position}')}">
+        <f:link.typolink parameter="{link}">{header}</f:link.typolink>
+    </{tagName}>
+</f:if>
+</html>
diff --git a/Resources/Private/Source/Scss/5-elements/_headings.scss b/Resources/Private/Source/Scss/5-elements/_headings.scss
@@ -28,6 +28,15 @@ h1, .ce-header--1 {
   > a {
     color: inherit;
   }
+  ~ .ce-subheader {
+    @extend %__headings;
+    font-size: 1.3125rem;
+    line-height: 1.4;
+    letter-spacing: 1px;
+    box-decoration-break: clone;
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
 }
 
 h2, .ce-header--2 {
@@ -41,6 +50,12 @@ h2, .ce-header--2 {
   > a {
     color: inherit;
   }
+  ~ .ce-subheader {
+    @extend %__headings;
+    font-size: 1.1875rem;
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
 }
 
 h3, .ce-header--3 {
@@ -49,6 +64,10 @@ h3, .ce-header--3 {
   > a {
     color: inherit;
   }
+  ~ .ce-subheader {
+    @extend %__headings;
+    font-size: 1rem;
+  }
 }
 
 h4, .ce-header--4 {

diff --git a/Resources/Public/Build/pfadfinden.css b/Resources/Public/Build/pfadfinden.css
diff --git a/Resources/Public/Build/pfadfinden.css.br b/Resources/Public/Build/pfadfinden.css.br
diff --git a/Resources/Public/Build/pfadfinden.css.gz b/Resources/Public/Build/pfadfinden.css.gz