From 3e6926a79f4784ac442c0a3b596bc37c39787778 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Sat, 17 Feb 2024 21:19:38 +0100
Subject: [PATCH] [TASK] add fancy gradient

---
 output/style.css    | 10 ++++++++++
 templates/law.html  |  2 +-
 templates/style.css | 10 ++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/output/style.css b/output/style.css
index c74355e..90b79af 100644
--- a/output/style.css
+++ b/output/style.css
@@ -2,6 +2,16 @@ h1 {
   margin-top: var(--pico-spacing);
 }
 
+mark {
+  --pico-mark-gradient: linear-gradient(270deg, #08AEEA 0%, #2AF598 100%);
+
+  padding: 0;
+  background: var(--pico-mark-gradient);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
 h2,
 h3,
 h4,
diff --git a/templates/law.html b/templates/law.html
index d970d2f..9187ece 100644
--- a/templates/law.html
+++ b/templates/law.html
@@ -17,7 +17,7 @@
 		<main class="container">
 			<button class="btn-open open-js">Alles öffnen</button>
 			<button class="btn-close close-js">Alles schließen</button>
-			<h1>{{title}}</h1>
+			<h1><mark>{{title}}</mark></h1>
 			{{content}}
 		</main>
 		<script src="app.js"></script>
diff --git a/templates/style.css b/templates/style.css
index c74355e..90b79af 100644
--- a/templates/style.css
+++ b/templates/style.css
@@ -2,6 +2,16 @@ h1 {
   margin-top: var(--pico-spacing);
 }
 
+mark {
+  --pico-mark-gradient: linear-gradient(270deg, #08AEEA 0%, #2AF598 100%);
+
+  padding: 0;
+  background: var(--pico-mark-gradient);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
 h2,
 h3,
 h4,