From: Jannik ZANDER <jzander@grundfos.com>
Date: Mon, 6 Oct 2025 19:37:31 +0000 (+0200)
Subject: Hover tweaks
X-Git-Url: https://git.zndr.dk/?a=commitdiff_plain;h=58a977bf550ec8c961dbb64a43cdce9322238657;p=zndr-11ty.git

Hover tweaks
---

diff --git a/site/assets/styles.css b/site/assets/styles.css
index 4795202..df21eb0 100644
--- a/site/assets/styles.css
+++ b/site/assets/styles.css
@@ -181,8 +181,7 @@ header{
 }
 
 /* Make text (not icon) brighten on hover */
-.card:hover .tile-body h3,
-.card:hover .tile-body p {
+.card:hover .tile-body h3 {
   color: var(--accent);
 }
 
@@ -228,15 +227,18 @@ footer{
   font-size: .9rem;
 }
 
-.foot-links{ display: flex; gap: 12px; flex-wrap: wrap; }
-.foot-links a{
-  color: inherit;
+.foot-links a {
+  color: var(--muted);
   text-decoration: none;
-  border-bottom: 1px dashed var(--ring);
+  transition: color .15s ease, text-decoration-color .15s ease;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 3px;
 }
-.foot-links a:hover{
-  color: var(--fg);
-  border-bottom-color: var(--accent);
+
+.foot-links a:hover {
+  color: var(--accent);
+  text-decoration: underline;
+  text-decoration-color: var(--accent);
 }
 
 /* =================