release: promote beta to main (gyms, brand colours, JPEG XL, SEO per gym) #3
@@ -457,6 +457,12 @@ section[id] {
|
|||||||
}
|
}
|
||||||
.site-btn.sb-line, .site-btn.sb-ghost { --elb: 2px; }
|
.site-btn.sb-line, .site-btn.sb-ghost { --elb: 2px; }
|
||||||
|
|
||||||
|
/* Slower, softer lift (the face colour fades with it). */
|
||||||
|
.site-btn.site-btn,
|
||||||
|
.gym-switch-btn {
|
||||||
|
transition: transform .5s cubic-bezier(.22, .8, .3, 1), background-color .4s ease, color .4s ease, border-color .4s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.site-btn::before, .site-btn::after,
|
.site-btn::before, .site-btn::after,
|
||||||
.gym-switch-btn::before, .gym-switch-btn::after {
|
.gym-switch-btn::before, .gym-switch-btn::after {
|
||||||
content: '';
|
content: '';
|
||||||
@@ -464,7 +470,7 @@ section[id] {
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
border-radius: calc(var(--fitme-radius) + var(--ring) + var(--elb));
|
border-radius: calc(var(--fitme-radius) + var(--ring) + var(--elb));
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity .3s ease;
|
transition: opacity .45s ease;
|
||||||
}
|
}
|
||||||
.site-btn::before, .gym-switch-btn::before {
|
.site-btn::before, .gym-switch-btn::before {
|
||||||
inset: calc(-1 * (var(--ring) + var(--elb)));
|
inset: calc(-1 * (var(--ring) + var(--elb)));
|
||||||
|
|||||||
Reference in new issue
Block a user