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

2
src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss
View File

@@ -60,7 +60,7 @@
background: var(--bg-primary);
color: var(--text-primary);
padding: 0 16px;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: border-color 0.2s ease, transform 0.2s ease;
}

2
src/app/features/website/catalog/components/category-grid/category-grid.component.scss
View File

@@ -91,7 +91,7 @@
background: rgba(73, 118, 113, 0.1);
color: #3d635f;
font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
white-space: nowrap;
}
}

6
src/app/features/website/catalog/components/filters-panel/filters-panel.component.scss
View File

@@ -34,7 +34,7 @@
justify-content: space-between;
gap: 12px;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
text-align: left;
cursor: pointer;
padding: 0;
@@ -83,7 +83,7 @@
.range-field span {
margin: 0;
font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--text-secondary);
@@ -171,7 +171,7 @@
.slider-inputs span {
color: var(--text-secondary);
font-size: 0.88rem;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.color-options,

2
src/app/features/website/catalog/components/layout-switcher/layout-switcher.component.scss
View File

@@ -11,7 +11,7 @@
border-radius: var(--radius-sm);
background: var(--bg-primary);
color: var(--text-primary);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
padding: 0 12px;
display: inline-flex;
align-items: center;

2
src/app/features/website/catalog/components/search-results/search-results.component.scss
View File

@@ -75,7 +75,7 @@
color: var(--text-primary);
padding: 0 16px;
cursor: pointer;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
.results-pager button {

2
src/app/features/website/catalog/components/sorting-control/sorting-control.component.scss
View File

@@ -10,7 +10,7 @@
.catalog-sorting span {
color: var(--text-secondary);
font-size: var(--font-size-base, 0.875rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
.catalog-sorting select {

14
src/app/features/website/catalog/containers/catalog-container.component.scss
View File

@@ -33,7 +33,7 @@
border: 0;
background: transparent;
color: var(--text-primary);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
cursor: pointer;
}
@@ -72,7 +72,7 @@
background: transparent;
color: #497671;
font: inherit;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
text-decoration: none;
cursor: pointer;
}
@@ -139,7 +139,7 @@
background: var(--bg-primary);
color: var(--text-primary);
padding: 0 12px;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}
@@ -169,7 +169,7 @@
background: transparent;
color: var(--text-secondary);
padding: 0 12px;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
@@ -187,7 +187,7 @@
background: var(--bg-primary);
color: var(--text-primary);
padding: 0 12px;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
@@ -277,7 +277,7 @@
border-radius: var(--radius-sm);
background: var(--primary-color);
color: #fff;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
}
@@ -312,7 +312,7 @@
color: var(--text-primary);
text-align: left;
padding: 0 12px;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
cursor: pointer;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

2
src/app/features/website/product/components/product-actions/product-actions.component.scss
View File

@@ -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;
}

6
src/app/features/website/product/components/product-gallery/product-gallery.component.scss
View File

@@ -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);
}
}

2
src/app/features/website/product/engagement/components/product-tabs/product-tabs.component.scss
View File

@@ -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;
}

2
src/app/features/website/product/engagement/components/question-form/question-form.component.scss
View File

@@ -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 {

4
src/app/features/website/product/engagement/components/question-list/question-list.component.scss
View File

@@ -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 {

2
src/app/features/website/product/engagement/components/rating-summary/rating-summary.component.scss
View File

@@ -19,7 +19,7 @@
.total {
color: var(--text-secondary);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.distribution {

8
src/app/features/website/product/engagement/components/review-form/review-form.component.scss
View File

@@ -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;
}

2
src/app/features/website/product/engagement/components/review-list/review-list.component.scss
View File

@@ -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;
}

2
src/app/features/website/user-experience/compare/components/compare-table.component.scss
View File

@@ -26,7 +26,7 @@
.compare-product-title {
font-size: var(--font-size-md, 0.9375rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
line-height: 1.3;
}

4
src/app/features/website/user-experience/compare/containers/compare-page.component.scss
View File

@@ -33,7 +33,7 @@
gap: 8px;
align-items: center;
color: var(--text-primary);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.compare-products-list {
@@ -55,7 +55,7 @@
.compare-product-chip a {
color: var(--text-primary);
text-decoration: none;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.compare-product-chip button {

2
src/app/features/website/user-experience/components/floating-notifications/floating-notifications.component.scss
View File

@@ -24,7 +24,7 @@
.floating-note p {
margin: 0;
color: var(--text-primary);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
line-height: 1.3;
}