From 125c859f1641f01272fe1e758c6bd2c3031b95e7 Mon Sep 17 00:00:00 2001
From: lilly <li@lly.sh>
Date: Fri, 12 Dec 2025 12:25:48 +0100
Subject: [PATCH] add hover effect to <a>

This adds something like a color inversion when hovering <a> tags
which gives the user feedback and looks cool
---
 assets/css/style.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/assets/css/style.css b/assets/css/style.css
index 0efc47c..e2ea1c4 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -48,6 +48,12 @@
 
   a:link, a:visited {
     color: var(--accent-color);
+    padding-inline: 0.1ch;
+    &:hover:not(:has(img)) {
+      background-color: var(--accent-color);
+      color: white;
+      text-decoration: none;
+    }
   }
 
   u {