feat: add h1 tapered design

packages/base/Configuration/RTE/Default.yaml

@@ -24,7 +24,7 @@ editor:
             - { name: tools, groups: [ table, specialchar ] }
             - { name: document, groups: [ mode ] }
 
-        format_tags: "p;h1;h2;h3;h4;h5;pre"
+        format_tags: "p;h3;h4;h5;pre"
 
         justifyClasses:
             - text-left

packages/base/ContentBlocks/ContentElements/header/templates/frontend.html

@@ -1,4 +1,4 @@
 <f:layout name="Default" />
 <f:section name="Main">
-  <h1>{data.header}</h1>
+    <h1><span class="tapered">{data.header}</span></h1>
 </f:section>

packages/base/Resources/Public/Scss/abstracts/_fonts.scss

@@ -26,6 +26,16 @@ h1, h2, h3 {
   font-weight: 400;
 }
 
+h1 {
+  text-align: center;
+}
+h1 span.tapered {
+  background-size: 100% 15%;
+  background-repeat: repeat-x;
+  background-position: left 0% bottom 15%;
+  background-image: linear-gradient(179deg,var(--bs-yellow) 0%, var(--bs-yellow) 50%,transparent 54%, transparent 100%);
+}
+
 h2 {
   font-size: 4rem;
 }