fix(trip): bump stat-label to --text-sm, widen stat-value fluid range
Label: xs (12px) → sm (14px) for clearer hierarchy below the value. Value preferred: 5.5vw → 6vw so short values stay bold on mid phones. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
@@ -601,7 +601,7 @@ body::after {
|
|||||||
.stat-value {
|
.stat-value {
|
||||||
display: block;
|
display: block;
|
||||||
font-family: var(--font-display);
|
font-family: var(--font-display);
|
||||||
font-size: clamp(var(--text-lg), 5.5vw, var(--text-3xl));
|
font-size: clamp(var(--text-lg), 6vw, var(--text-3xl));
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
@@ -611,7 +611,7 @@ body::after {
|
|||||||
|
|
||||||
.stat-label {
|
.stat-label {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: var(--text-xs);
|
font-size: var(--text-sm);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--color-ink-muted);
|
color: var(--color-ink-muted);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|||||||
Reference in New Issue
Block a user