Checkpoint web-player design-system refactor and backend track genre tagging
Advances the ongoing token/componentization cleanup (anchored player dock, border-based panels instead of floating shadows, corrected light-mode accent/gradient tokens) alongside in-progress backend support for track genre tags.
This commit is contained in:
@@ -33,6 +33,7 @@
|
||||
--color-cta-strong: var(--mf-cta-strong-bg);
|
||||
--color-scrim: var(--mf-scrim);
|
||||
--color-on-art: var(--mf-on-art);
|
||||
--color-on-art-2: var(--mf-on-art-2);
|
||||
--color-danger: oklch(63.7% 0.15 25.331);
|
||||
--color-danger-fg: oklch(88.5% 0.062 18.334);
|
||||
|
||||
@@ -42,17 +43,6 @@
|
||||
--radius-art: 0.8125rem;
|
||||
--radius-art-lg: 1.125rem;
|
||||
--radius-art-round: 1.75rem;
|
||||
|
||||
--shadow-art: 0 14px 32px rgba(0, 0, 0, 0.45);
|
||||
--shadow-art-lg: 0 24px 50px -16px rgba(0, 0, 0, 0.75);
|
||||
--shadow-menu: 0 12px 28px -10px rgba(0, 0, 0, 0.6);
|
||||
--shadow-player: 0 20px 56px rgba(0, 0, 0, 0.6);
|
||||
--shadow-glow: 0 0 0 1px var(--mf-border-strong), 0 20px 45px -20px var(--mf-accent-glow);
|
||||
|
||||
--shadow-cover-lg: 0 24px 56px rgba(0, 0, 0, 0.55);
|
||||
--shadow-cover-md: 0 16px 40px rgba(0, 0, 0, 0.5);
|
||||
--shadow-cover-sm: 0 10px 24px rgba(0, 0, 0, 0.42);
|
||||
--shadow-cover-xs: 0 8px 20px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
@utility page-x {
|
||||
|
||||
Reference in New Issue
Block a user