From 0bfeb87a49ef011ba9509286f6461d91f0b469fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Fri, 20 Feb 2026 09:30:21 +0100
Subject: [PATCH] style: remove prose link underlines and add fancy animated
 underline effect

---
 assets/css/tailwind.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index b13b921..8361991 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -116,7 +116,16 @@
   /* Link styling within prose */
   .prose a {
     color: var(--brand-primary) !important;
-    @apply font-medium no-underline border-b border-[var(--brand-primary)]/30 hover:border-[var(--brand-primary)] transition-all duration-200;
+    text-decoration: none !important;
+    @apply font-medium transition-all duration-300;
+    background-image: linear-gradient(var(--brand-primary), var(--brand-primary));
+    background-position: 0 100%;
+    background-repeat: no-repeat;
+    background-size: 0 1px;
+  }
+
+  .prose a:hover {
+    background-size: 100% 1px;
   }
 }