sandvich
/
hackathon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change font

backup/refactor/song-selection-page
John Montagu, the 4th Earl of Sandvich 2026-04-21 13:27:19 -07:00
parent 8e7dd2a016
commit c32a1223b3
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG Key ID: 9A39BE37E602B22D
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/features/song-select/SongSelect.css
View File

@ -51,7 +51,6 @@
font-size: 10px; font-size: 10px;
letter-spacing: 0.16em; letter-spacing: 0.16em;
text-transform: uppercase; text-transform: uppercase;
font-family: monospace;
color: var(--color-selection-card-accent-text); color: var(--color-selection-card-accent-text);
} }
@ -59,6 +58,7 @@
display: block; display: block;
font-weight: 700; font-weight: 700;
font-size: 24px; font-size: 24px;
font-family: var(--font-family-display);
line-height: 1.05; line-height: 1.05;
color: var(--color-selection-card-title-text); color: var(--color-selection-card-title-text);
white-space: nowrap; white-space: nowrap;
@ -254,6 +254,7 @@
.song-aside__value { .song-aside__value {
color: var(--color-selection-sidebar-value-text); color: var(--color-selection-sidebar-value-text);
font-size: 20px; font-size: 20px;
font-weight: 500;
line-height: 1; line-height: 1;
text-transform: uppercase; text-transform: uppercase;
} }

9
src/index.css
View File

@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700&family=Orbitron:wght@700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap');
@font-face { @font-face {
font-family: 'JustDance'; font-family: 'JustDance';
@ -25,9 +25,10 @@
} }
:root { :root {
--font-family-base: 'JustDance', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-family-base: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--font-family-display: 'JustDance', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-family-display: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--font-family-ui: 'JustDance', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-family-ui: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--font-family-serif: 'Noto Serif', Georgia, 'Times New Roman', serif;
--font-size-display-xl: clamp(2.5rem, 5vw, 4rem); --font-size-display-xl: clamp(2.5rem, 5vw, 4rem);
--font-size-display-lg: clamp(2rem, 4vw, 3rem); --font-size-display-lg: clamp(2rem, 4vw, 3rem);