From 6b4e20c502cf1fd21956210ada51c06488652a38 Mon Sep 17 00:00:00 2001 From: root Date: Fri, 18 Sep 2026 13:12:46 +0200 Subject: [PATCH] feat(mp-card): hover lift + soft accent glow on linked cards --- public/css/main.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/public/css/main.css b/public/css/main.css index 4b6d5e8..d10eee3 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -3284,7 +3284,7 @@ html[data-theme="light"] .hero__portrait-shell { background: var(--surface); color: inherit; text-decoration: none; - transition: border-color 0.22s ease; + transition: border-color 0.22s ease, transform 0.28s ease, box-shadow 0.28s ease; } .mp-card:hover, @@ -3301,6 +3301,14 @@ html[data-theme="light"] .hero__portrait-shell { outline-offset: 3px; } +.mp-card--link:hover, +.mp-card--link:focus-visible { + transform: translateY(-5px); + z-index: 2; + box-shadow: 0 14px 30px -14px color-mix(in srgb, var(--accent) 55%, transparent), + 0 4px 10px -6px color-mix(in srgb, var(--accent) 30%, transparent); +} + .mp-card__body { position: relative; z-index: 1;