feat: add h1 tapered design

2024-12-15 21:47:35 +01:00
parent 7883ec8b02
commit ec7ae2bba3
3 changed files with 12 additions and 2 deletions
--- 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;
 }