feat(gyms): gym logo field; other-gym navbar button uses that gym's brand colour and logo
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
32f8d7a613
commit
58d5199883
6 files changed
+42
-10
No files matched your search
@@ -472,6 +472,18 @@ section[id] {
|
||||
transition: background-color var(--fitme-transition), color var(--fitme-transition);
|
||||
}
|
||||
|
||||
.gym-switch-btn { display: inline-flex; align-items: center; gap: .5rem; }
|
||||
|
||||
/* The logo is a mask filled with the text colour, so any single-colour logo
|
||||
follows the button (brand colour, hover state, light or dark brand). */
|
||||
.gym-switch-logo {
|
||||
height: 1.4em;
|
||||
aspect-ratio: 1;
|
||||
background-color: currentColor;
|
||||
-webkit-mask: var(--logo) center / contain no-repeat;
|
||||
mask: var(--logo) center / contain no-repeat;
|
||||
}
|
||||
|
||||
.gym-switch-btn:hover,
|
||||
.gym-switch-btn:focus-visible {
|
||||
background: var(--fitme-dark);
|
||||
|
||||
Reference in new issue
Block a user