From 2a66f74275fc28a90d81108b66b08e95468ec134 Mon Sep 17 00:00:00 2001 From: andre Date: Tue, 13 Oct 2026 18:11:06 +0100 Subject: [PATCH] style(site): neon outline on button hover face Co-Authored-By: Claude Sonnet 5.5 --- site/assets/css/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/site/assets/css/style.css b/site/assets/css/style.css index 1665098..9b92cfd 100644 --- a/site/assets/css/style.css +++ b/site/assets/css/style.css @@ -378,6 +378,8 @@ section[id] { .gym-switch-btn:focus-visible { transform: translate(calc(var(--depth) * -1), calc(var(--depth) * -1)); box-shadow: + inset 0 0 0 2px var(--neon), /* lit tube round the face */ + inset 0 0 14px 1px rgba(var(--fitme-accent-rgb), .55), 1px 1px 0 var(--neon-edge), 2px 2px 0 var(--neon), 3px 3px 0 var(--neon-edge), @@ -389,6 +391,8 @@ section[id] { .gym-switch-btn:active { transform: translate(-1px, -1px); box-shadow: + inset 0 0 0 2px var(--neon), + inset 0 0 10px 1px rgba(var(--fitme-accent-rgb), .5), 1px 1px 0 var(--neon-edge), 1px 1px 8px 1px rgba(var(--fitme-accent-rgb), .5); }