From ec7ae2bba3f3e392b40b6542722a9439ec328bf0 Mon Sep 17 00:00:00 2001
From: Dominik Polakovics <dominik.polakovics@cloonar.com>
Date: Sun, 15 Dec 2024 21:47:35 +0100
Subject: [PATCH] feat: add h1 tapered design

---
 packages/base/Configuration/RTE/Default.yaml           |  2 +-
 .../ContentElements/header/templates/frontend.html     |  2 +-
 .../base/Resources/Public/Scss/abstracts/_fonts.scss   | 10 ++++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/base/Configuration/RTE/Default.yaml b/packages/base/Configuration/RTE/Default.yaml
index 5b757e9..def8525 100644
--- a/packages/base/Configuration/RTE/Default.yaml
+++ b/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
diff --git a/packages/base/ContentBlocks/ContentElements/header/templates/frontend.html b/packages/base/ContentBlocks/ContentElements/header/templates/frontend.html
index 5f0f489..b7590e1 100644
--- a/packages/base/ContentBlocks/ContentElements/header/templates/frontend.html
+++ b/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>
diff --git a/packages/base/Resources/Public/Scss/abstracts/_fonts.scss b/packages/base/Resources/Public/Scss/abstracts/_fonts.scss
index e8c89e9..1c3b04a 100644
--- a/packages/base/Resources/Public/Scss/abstracts/_fonts.scss
+++ b/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;
 }