sdarbinyan/marketplaces
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(design-system): normalize font-weight literals (400/500/600/700) to tokens

Browse Source 
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:
sdarbinyan
2026-07-20 03:28:56 +04:00
parent be59db2e2d
commit 5c54541b4c
74 changed files with 286 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/components/product-card/product-card.component.scss
View File

@@ -57,7 +57,7 @@
color: #fff;
padding: 6px 12px;
border-radius: 20px;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-base, 0.875rem);
z-index: 1;
}
@@ -75,7 +75,7 @@
background: rgba(22, 163, 74, 0.9);
color: #fff;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
text-transform: capitalize;
}
@@ -100,7 +100,7 @@
background: rgba(255, 255, 255, 0.95);
color: #1e3c38;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
display: inline-flex;
align-items: center;
justify-content: center;
@@ -161,7 +161,7 @@
background: #497671;
color: #fff;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
text-transform: uppercase;
}
@@ -180,7 +180,7 @@
}
.product-name {
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: clamp(14px, 1.4vw, 18px);
color: #1e3c38;
margin: 0;
@@ -215,7 +215,7 @@
.rating-stars {
color: #b45309;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
}
@@ -275,7 +275,7 @@
border-radius: var(--radius-lg, 13px);
background: #497671;
color: #fff;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease;