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:
@@ -10,7 +10,7 @@ button {
|
||||
border: 1px solid #d3dad9;
|
||||
background: #fff;
|
||||
color: #1e3c38;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
padding: 0 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
color: #1e3c38;
|
||||
border-radius: var(--radius-full, 999px);
|
||||
padding: 0 10px;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
p {
|
||||
margin: 0;
|
||||
color: #1e3c38;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
}
|
||||
|
||||
a {
|
||||
@@ -68,7 +68,7 @@
|
||||
padding: 0 14px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
color: var(--text-primary);
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
cursor: pointer;
|
||||
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
@@ -32,7 +32,7 @@ button {
|
||||
background: var(--primary-color);
|
||||
color: #fff;
|
||||
padding: 0 16px;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
}
|
||||
|
||||
button:disabled {
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
background: var(--bg-primary);
|
||||
color: var(--text-primary);
|
||||
padding: 0 14px;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
cursor: pointer;
|
||||
transition: border-color 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
@@ -34,7 +34,7 @@
|
||||
.submission-disabled {
|
||||
margin: 0;
|
||||
color: var(--text-secondary);
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-weight-semibold, 600);
|
||||
}
|
||||
|
||||
.pager {
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
|
||||
.total {
|
||||
color: var(--text-secondary);
|
||||
font-weight: 600;
|
||||
font-weight: var(--font-weight-semibold, 600);
|
||||
}
|
||||
|
||||
.distribution {
|
||||
|
||||
@@ -10,7 +10,7 @@ h3 {
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
color: var(--text-primary);
|
||||
font-size: var(--font-size-base, 0.875rem);
|
||||
}
|
||||
@@ -32,7 +32,7 @@ textarea {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-weight: 500;
|
||||
font-weight: var(--font-weight-medium, 500);
|
||||
}
|
||||
|
||||
.upload-placeholder {
|
||||
@@ -49,7 +49,7 @@ textarea {
|
||||
|
||||
.success {
|
||||
color: #166534;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
}
|
||||
|
||||
.error {
|
||||
@@ -64,7 +64,7 @@ button {
|
||||
background: var(--primary-color);
|
||||
color: #fff;
|
||||
padding: 0 16px;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
background: var(--bg-primary);
|
||||
color: var(--primary-color);
|
||||
padding: 0 16px;
|
||||
font-weight: 700;
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user