andre/fitme3070.pt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(site): neon outline on button hover face

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
andreandClaude Sonnet 5.5 committed 2026-10-13 18:11:06 +01:00
1 parent a94287e3d6
commit 2a66f74275
1 file changed
+4
Download Patch File Download Diff File Expand all files Collapse all files
site/assets/css/style.css
+4
View File
@@ -378,6 +378,8 @@ section[id] {
.gym-switch-btn:focus-visible { .gym-switch-btn:focus-visible {
transform: translate(calc(var(--depth) * -1), calc(var(--depth) * -1)); transform: translate(calc(var(--depth) * -1), calc(var(--depth) * -1));
box-shadow: 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), 1px 1px 0 var(--neon-edge),
2px 2px 0 var(--neon), 2px 2px 0 var(--neon),
3px 3px 0 var(--neon-edge), 3px 3px 0 var(--neon-edge),
@@ -389,6 +391,8 @@ section[id] {
.gym-switch-btn:active { .gym-switch-btn:active {
transform: translate(-1px, -1px); transform: translate(-1px, -1px);
box-shadow: 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 0 var(--neon-edge),
1px 1px 8px 1px rgba(var(--fitme-accent-rgb), .5); 1px 1px 8px 1px rgba(var(--fitme-accent-rgb), .5);
} }