release: promote beta to main (gyms, brand colours, JPEG XL, SEO per gym) #3
@@ -362,7 +362,7 @@ section[id] {
|
|||||||
.gym-switch-btn {
|
.gym-switch-btn {
|
||||||
--neon: color-mix(in srgb, var(--fitme-accent) 70%, #fff);
|
--neon: color-mix(in srgb, var(--fitme-accent) 70%, #fff);
|
||||||
--neon-edge: var(--fitme-accent-dark);
|
--neon-edge: var(--fitme-accent-dark);
|
||||||
--depth: 7px;
|
--depth: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
|
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
|
||||||
@@ -380,21 +380,16 @@ section[id] {
|
|||||||
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),
|
||||||
4px 4px 0 var(--neon),
|
3px 3px 10px 1px rgba(var(--fitme-accent-rgb), .6),
|
||||||
5px 5px 0 var(--neon-edge),
|
5px 5px 20px 2px rgba(var(--fitme-accent-rgb), .35);
|
||||||
6px 6px 0 var(--neon),
|
|
||||||
7px 7px 0 var(--neon-edge),
|
|
||||||
7px 7px 14px 2px rgba(var(--fitme-accent-rgb), .75),
|
|
||||||
10px 10px 30px 4px rgba(var(--fitme-accent-rgb), .45);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-btn:active,
|
.site-btn:active,
|
||||||
.gym-switch-btn:active {
|
.gym-switch-btn:active {
|
||||||
transform: translate(-2px, -2px);
|
transform: translate(-1px, -1px);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
1px 1px 0 var(--neon-edge),
|
1px 1px 0 var(--neon-edge),
|
||||||
2px 2px 0 var(--neon),
|
1px 1px 8px 1px rgba(var(--fitme-accent-rgb), .5);
|
||||||
2px 2px 10px 1px rgba(var(--fitme-accent-rgb), .6);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user