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

feat(site): YourFit brand glyphs as modalidade icons, light plate for the other-gym logo button

Browse Source
This commit is contained in:
andre committed 2026-10-26 12:55:36 +00:00
1 parent 725f5b9c26
commit 6abc486630
7 files changed
+13 -14
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

site/assets/css/style.css
+6 -9
View File
@@ -648,16 +648,13 @@ section[id] {
pointer-events: none;
}
.header-section .gym-switch::before { background: var(--fitme-accent); }
/* the logo in that gym's on-accent ink (dark on lime, white on red) */
.header-section .gym-switch .gym-switch-btn--logo .gym-switch-logo {
filter: url(#pt-noise) brightness(0) drop-shadow(0 1px 0 rgba(255, 255, 255, .25));
/* the button is a light plate on the head, so the logo keeps its own colours */
.header-section .gym-switch .gym-switch-btn--logo,
.header-section .gym-switch .gym-switch-btn--logo:is(:hover, :focus-visible) {
background: color-mix(in srgb, var(--fitme-white) 92%, transparent);
border-color: rgba(255, 255, 255, .6);
}
.header-section .gym-switch--light-ink .gym-switch-btn--logo .gym-switch-logo {
filter: url(#pt-noise) brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0, 0, 0, .35));
}
/* the hover ring would vanish on its own accent: draw it in the ink */
.header-section .gym-switch .gym-switch-btn--logo { border-color: rgba(11, 11, 13, .35); }
.header-section .gym-switch--light-ink .gym-switch-btn--logo { border-color: rgba(255, 255, 255, .45); }
.header-section .gym-switch .gym-switch-btn--logo .gym-switch-logo { filter: url(#pt-noise); }
@media (min-width: 992px) {
.header-section .navbar {
padding: 0;