From 0e769d7e3d0f78abb640e5b7c9a75ded82b25ca2 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Fri, 13 Oct 2023 18:34:04 +0100
Subject: Adds gradient to title

---
 public/css/modules/nav.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

(limited to 'public')

diff --git a/public/css/modules/nav.css b/public/css/modules/nav.css
index bd41dbc..44ec5c6 100644
--- a/public/css/modules/nav.css
+++ b/public/css/modules/nav.css
@@ -21,6 +21,28 @@
   font-family: var(--font-serif);
   font-size: var(--font-size-5);
   font-weight: 700;
+
+  /* This gradient is based on                  *
+   * --color-primary-60 -> --color-secondary-60 *
+   * using Josh W Comeau's gradient generator   */
+  width: fit-content;
+  background-image: linear-gradient(
+    45deg,
+    hsl(248deg 100% 75%) 0%,
+    hsl(227deg 100% 70%) 24%,
+    hsl(211deg 100% 58%) 40%,
+    hsl(205deg 100% 50%) 51%,
+    hsl(202deg 100% 49%) 60%,
+    hsl(200deg 100% 47%) 66%,
+    hsl(197deg 100% 44%) 70%,
+    hsl(194deg 100% 41%) 73%,
+    hsl(190deg 100% 38%) 76%,
+    hsl(186deg 100% 35%) 79%,
+    hsl(181deg 100% 33%) 84%,
+    hsl(177deg 100% 32%) 100%
+  );
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 
 .nav__logo a {
@@ -52,4 +74,4 @@
 
 .nav__switch-language-link {
   text-align: right;
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3