From b41950bc997851c9b9d4c3e9d591938d4dcd35ca Mon Sep 17 00:00:00 2001 From: Jannik ZANDER Date: Mon, 6 Oct 2025 21:26:07 +0200 Subject: [PATCH] Hover color --- site/assets/styles.css | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) 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) */ -- 2.50.1