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

Hover color
---

diff --git a/site/assets/styles.css b/site/assets/styles.css
index 3b44926..4795202 100644
--- a/site/assets/styles.css
+++ b/site/assets/styles.css
@@ -171,14 +171,24 @@ header{
   .card { gap: 10px; padding: 10px 12px; }
 }
 
-
-/* Hover accent (optional) */
-.card:hover{
+/* Card hover accent */
+.card:hover {
   transform: translateY(-1px);
   border-color: var(--accent);
   box-shadow:
-    0 0 12px rgba(16,163,127,.25),  /* subtle green glow */
-    0 0  6px rgba(239,68,68,.20);   /* subtle red halo */
+    0 0 12px rgba(16,163,127,.25),
+    0 0 6px rgba(239,68,68,.20);
+}
+
+/* Make text (not icon) brighten on hover */
+.card:hover .tile-body h3,
+.card:hover .tile-body p {
+  color: var(--accent);
+}
+
+/* Keep the icon steady */
+.card:hover .tile-glyph {
+  color: var(--fg); /* or use a muted variant if you prefer */
 }
 
 /* Titles & descriptions (no line clamp) */