style(design-system): normalize exact-match border-radius literals to tokens
Mechanical sweep for border-radius: 4px/8px/12px/13px/999px replaced with var(--radius-xs/sm/md/lg/full, <same value>) across src/app. Only exact matches to existing token values were touched (20px, 16px, 10px, 6px, 3px, 2px etc. were left as-is since no token maps to them without a visible size change on at least one tenant theme — see docs/UI-DESIGN-REVIEW.md).
This commit is contained in:
@@ -42,7 +42,7 @@
|
||||
.recommendation-list a:focus-visible, .health-checks a:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 2px; }
|
||||
.muted { color: var(--text-secondary, #6b7280); font-size: var(--font-size-sm, 0.8125rem); }
|
||||
|
||||
.health-widget__bar { height: 8px; border-radius: 999px; background: var(--surface-muted, #eef2f0); overflow: hidden; }
|
||||
.health-widget__bar { height: 8px; border-radius: var(--radius-full, 999px); background: var(--surface-muted, #eef2f0); overflow: hidden; }
|
||||
.health-widget__bar-fill { height: 100%; background: var(--brand-primary, #1e8a6e); transition: width 0.3s ease; }
|
||||
.health-percent { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #6b7280); }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user