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); }