style(design-system): normalize font-weight literals (400/500/600/700) to tokens
Mechanical, value-preserving: font-weight: 400/500/600/700 -> var(--font-weight-normal/medium/semibold/bold, <same value>) across src/app. Note: cart.component.scss now sits ~771 bytes over its per-file budget in angular.json due to longer var() strings; non-fatal build warning, noted in docs/UI-DESIGN-REVIEW.md as a follow-up (either bump the component style budget slightly or accept the warning).
This commit is contained in:
@@ -2,6 +2,6 @@
|
||||
.moderation-dashboard__metrics { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
|
||||
@media (max-width: 1100px) { .moderation-dashboard__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
|
||||
@media (max-width: 640px) { .moderation-dashboard__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
|
||||
.moderation-dashboard__activity h4 { margin: 0 0 8px; font-size: var(--font-size-md, 0.9375rem); font-weight: 700; }
|
||||
.moderation-dashboard__activity h4 { margin: 0 0 8px; font-size: var(--font-size-md, 0.9375rem); font-weight: var(--font-weight-bold, 700); }
|
||||
.moderation-dashboard__activity ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
|
||||
.moderation-dashboard__activity p { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.review-health { display: grid; gap: 6px; align-items: center; }
|
||||
.review-health__bar { height: 6px; border-radius: var(--radius-full, 999px); background: var(--surface-muted, #eef2f0); overflow: hidden; }
|
||||
.review-health__bar-fill { height: 100%; background: var(--brand-primary, #1e8a6e); }
|
||||
.review-health__percent { font-size: var(--font-size-xs, 0.75rem); font-weight: 700; color: var(--text-secondary, #5f6e6a); }
|
||||
.review-health__percent { font-size: var(--font-size-xs, 0.75rem); font-weight: var(--font-weight-bold, 700); color: var(--text-secondary, #5f6e6a); }
|
||||
.review-health__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #5f6e6a); }
|
||||
.review-health__list li { display: flex; align-items: center; gap: 6px; }
|
||||
.review-health__list-item--done { color: var(--text-primary, #1e3c38); }
|
||||
|
||||
@@ -2,5 +2,5 @@
|
||||
.toolbar { display: flex; align-items: center; gap: 12px; }
|
||||
.toolbar h1 { margin: 0; font-size: var(--font-size-2xl, 1.25rem); }
|
||||
.actions { display: flex; gap: 8px; }
|
||||
.link-button { all: unset; cursor: pointer; color: var(--brand-primary, #1e8a6e); font-weight: 600; }
|
||||
.link-button { all: unset; cursor: pointer; color: var(--brand-primary, #1e8a6e); font-weight: var(--font-weight-semibold, 600); }
|
||||
.link-button:hover, .link-button:focus-visible { text-decoration: underline; }
|
||||
|
||||
Reference in New Issue
Block a user