refactor(css): consolidate --text-label and --text-tag into --text-xs

Both variables mapped to near-identical small-text sizes already covered
by --text-xs. Remove the redundant variables and migrate all call sites,
including two remaining hardcoded rem values, to the shared token.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 16:03:47 +08:00
parent df2191fc05
commit cd3c8ad076
+7 -9
View File
@@ -35,8 +35,6 @@
--text-sm: 0.95rem; --text-sm: 0.95rem;
--text-base: 1rem; --text-base: 1rem;
--text-lg: 1.125rem; --text-lg: 1.125rem;
--text-label: 0.78rem;
--text-tag: 0.76rem;
} }
html { html {
@@ -183,7 +181,7 @@ kbd {
} }
.hero-brand-mini { .hero-brand-mini {
font-size: var(--text-label); font-size: var(--text-xs);
font-weight: 800; font-weight: 800;
letter-spacing: 0.04em; letter-spacing: 0.04em;
color: var(--hero-muted); color: var(--hero-muted);
@@ -250,7 +248,7 @@ kbd {
.hero-kicker, .hero-kicker,
.section-label { .section-label {
margin-bottom: 0.9rem; margin-bottom: 0.9rem;
font-size: var(--text-label); font-size: var(--text-xs);
font-weight: 800; font-weight: 800;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
@@ -678,7 +676,7 @@ th[data-sort].sort-asc::after {
border-radius: 999px; border-radius: 999px;
background: var(--bg-paper-strong); background: var(--bg-paper-strong);
color: var(--ink-soft); color: var(--ink-soft);
font-size: 0.72rem; font-size: var(--text-xs);
font-weight: 700; font-weight: 700;
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
@@ -774,7 +772,7 @@ th[data-sort].sort-asc::after {
background: var(--accent-soft); background: var(--accent-soft);
color: var(--accent-deep); color: var(--accent-deep);
padding: 0.34rem 0.68rem; padding: 0.34rem 0.68rem;
font-size: var(--text-tag); font-size: var(--text-xs);
font-weight: 700; font-weight: 700;
letter-spacing: 0.02em; letter-spacing: 0.02em;
cursor: pointer; cursor: pointer;
@@ -810,7 +808,7 @@ th[data-sort].sort-asc::after {
border: 0; border: 0;
background: none; background: none;
color: var(--accent-deep); color: var(--accent-deep);
font-size: 0.72rem; font-size: var(--text-xs);
font-weight: 800; font-weight: 800;
letter-spacing: 0.03em; letter-spacing: 0.03em;
cursor: pointer; cursor: pointer;
@@ -924,7 +922,7 @@ th[data-sort].sort-asc::after {
} }
.footer-date { .footer-date {
font-size: 0.7rem; font-size: var(--text-xs);
color: oklch(50% 0.02 55); color: oklch(50% 0.02 55);
} }
@@ -1111,7 +1109,7 @@ th[data-sort].sort-asc::after {
.mobile-cat { .mobile-cat {
display: block; display: block;
margin-top: 0.25rem; margin-top: 0.25rem;
font-size: var(--text-tag); font-size: var(--text-xs);
font-weight: 600; font-weight: 600;
color: var(--ink-muted); color: var(--ink-muted);
} }