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/admin/analytics/pages/admin-analytics-page.component.scss
View File

@@ -9,7 +9,7 @@
background: transparent;
padding: 10px 14px;
font-size: var(--font-size-sm, 0.8125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #6b7280);
cursor: pointer;
border-bottom: 2px solid transparent;

4
src/app/features/admin/categories/components/admin-categories-list.component.scss
View File

@@ -34,7 +34,7 @@ tr.deleted { opacity: 0.55; }
.category-tree__toggle { all: unset; cursor: pointer; width: 18px; text-align: center; color: var(--text-secondary, #5f6e6a); }
.category-tree__toggle-spacer { width: 18px; display: inline-block; }
.category-tree__icon { font-size: var(--font-size-lg, 1rem); }
.category-tree__title { font-weight: 600; color: var(--text-primary, #1e3c38); }
.category-tree__title { font-weight: var(--font-weight-semibold, 600); color: var(--text-primary, #1e3c38); }
.category-tree__items { font-size: var(--font-size-xs, 0.75rem); color: var(--text-tertiary, #9aa6a2); }
.category-tree__actions { display: flex; gap: 6px; flex-wrap: wrap; }
@@ -44,7 +44,7 @@ tr.deleted { opacity: 0.55; }
.category-grid__select { position: absolute; top: 8px; left: 8px; z-index: 1; }
.category-grid__image { width: 100%; height: 120px; object-fit: cover; border-radius: var(--radius-sm); background: var(--surface-muted, #eef2f0); }
.category-grid__image--placeholder { display: flex; align-items: center; justify-content: center; font-size: var(--font-size-3xl, 1.5rem); }
.category-grid__name { margin: 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.category-grid__name { margin: 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-bold, 700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.category-grid__items { margin: 0; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #5f6e6a); }
.category-grid__actions { display: flex; gap: 6px; flex-wrap: wrap; }

8
src/app/features/admin/categories/components/admin-category-form.component.scss
View File

@@ -2,7 +2,7 @@
.grid { display: grid; gap: 12px; }
.grid.one { grid-template-columns: 1fr; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
label { display: grid; gap: 6px; font-weight: 600; }
label { display: grid; gap: 6px; font-weight: var(--font-weight-semibold, 600); }
label.check { display: flex; align-items: center; gap: 8px; }
textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color, #d3dad9); border-radius: 10px; font: inherit; }
input[type='checkbox'] { width: auto; }
@@ -22,7 +22,7 @@ input[type='checkbox'] { width: auto; }
padding: 10px 14px;
border-radius: 8px 8px 0 0;
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #5f6e6a);
display: inline-flex;
align-items: center;
@@ -32,9 +32,9 @@ input[type='checkbox'] { width: auto; }
}
.form-card__tab--active { color: var(--brand-primary, #1e8a6e); background: var(--surface-muted, #eef2f0); }
.form-card__panel { min-height: 200px; display: grid; gap: 14px; }
.form-card__subheading { margin: 8px 0 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-secondary, #5f6e6a); }
.form-card__subheading { margin: 8px 0 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-bold, 700); text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-secondary, #5f6e6a); }
.form-card__explain { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
.toggle-row { display: flex; align-items: center; gap: 8px; font-weight: 400; }
.toggle-row { display: flex; align-items: center; gap: 8px; font-weight: var(--font-weight-normal, 400); }
.nav-children { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-sm, 0.8125rem); }

2
src/app/features/admin/categories/components/categories-dashboard/categories-dashboard.component.scss
View File

@@ -30,7 +30,7 @@
h4 {
margin: 0;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
p {

2
src/app/features/admin/categories/components/category-health-widget/category-health-widget.component.scss
View File

@@ -18,7 +18,7 @@
.category-health__percent {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-secondary, #5f6e6a);
}

2
src/app/features/admin/customers/pages/admin-customer-detail-page.component.scss
View File

@@ -8,6 +8,6 @@
.card p { margin: 0; }
.muted { color: var(--text-secondary, #5f6e6a); font-size: var(--font-size-sm, 0.8125rem); }
.order-row { display: flex; align-items: center; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--border-subtle, #e7ece9); }
.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; }
@media (max-width: 700px) { .grid.two { grid-template-columns: 1fr; } }

2
src/app/features/admin/dashboard/components/dashboard-card.component.scss
View File

@@ -22,7 +22,7 @@
.dashboard-card__title {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
flex: 1 1 auto;
}

6
src/app/features/admin/dashboard/components/dashboard-metric.component.scss
View File

@@ -7,7 +7,7 @@
.dashboard-metric__label {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--text-light);
@@ -18,7 +18,7 @@
align-items: center;
gap: var(--space-xs);
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
overflow: hidden;
text-overflow: ellipsis;
@@ -27,7 +27,7 @@
.dashboard-metric__badge {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
padding: 2px 8px;

2
src/app/features/admin/dashboard/components/dashboard-section.component.scss
View File

@@ -14,7 +14,7 @@
.dashboard-section__title {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
flex: 1 1 auto;
}

4
src/app/features/admin/dashboard/components/dashboard-shortcut-card.component.scss
View File

@@ -57,7 +57,7 @@
.dashboard-shortcut-card__title {
font-size: var(--font-size-lg, 1rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
}
@@ -75,7 +75,7 @@
top: var(--space-sm);
right: var(--space-sm);
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
padding: 2px 8px;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--primary-color) 8%, transparent);

2
src/app/features/admin/dashboard/components/dashboard-status-row.component.scss
View File

@@ -21,7 +21,7 @@
}
.dashboard-status-row__value {
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
}

10
src/app/features/admin/dashboard/pages/admin-dashboard-page.component.scss
View File

@@ -35,7 +35,7 @@
.dashboard-welcome__eyebrow {
margin: 0;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.75);
@@ -44,7 +44,7 @@
.dashboard-welcome__title {
margin: 0;
font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
line-height: 1.25;
display: flex;
align-items: center;
@@ -54,7 +54,7 @@
.dashboard-welcome__env-badge {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
padding: 2px 10px;
@@ -110,7 +110,7 @@
margin: 0;
font-size: var(--font-size-lg, 1rem);
color: var(--success-color);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.dashboard-draft__fields {
@@ -180,7 +180,7 @@
.dashboard-doc-list__badge {
margin-left: auto;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
padding: 2px 8px;
border-radius: var(--radius-lg);
background: var(--bg-tertiary);

2
src/app/features/admin/moderation/components/moderation-dashboard/moderation-dashboard.component.scss
View File

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

2
src/app/features/admin/moderation/components/review-health-widget/review-health-widget.component.scss
View File

@@ -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
src/app/features/admin/moderation/pages/admin-reports-list-page.component.scss
View File

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

2
src/app/features/admin/orders/components/order-timeline/order-timeline.component.scss
View File

@@ -46,7 +46,7 @@
}
.order-timeline__status {
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
}

2
src/app/features/admin/orders/components/orders-dashboard/orders-dashboard.component.scss
View File

@@ -31,7 +31,7 @@
.orders-dashboard__activity h4 {
margin: 0 0 8px;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
.orders-dashboard__activity ul {

10
src/app/features/admin/orders/pages/admin-order-detail-page.component.scss
View File

@@ -7,7 +7,7 @@
.card { border: 1px solid var(--border-color, #d3dad9); border-radius: var(--radius-md); padding: 14px; display: grid; gap: 6px; }
.card h3 { margin: 0 0 6px; }
.card p { margin: 0; }
.total { font-weight: 600; }
.total { font-weight: var(--font-weight-semibold, 600); }
select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--border-color, #d3dad9); border-radius: var(--radius-sm); font: inherit; }
.actions { display: flex; gap: 8px; }
@media (max-width: 700px) { .grid.two { grid-template-columns: 1fr; } }
@@ -17,12 +17,12 @@ select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--borde
all: unset;
cursor: pointer;
color: var(--brand-primary, #1e8a6e);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
&:hover, &:focus-visible { text-decoration: underline; }
}
.print-only { display: none; margin: 0; font-weight: 600; }
.print-only { display: none; margin: 0; font-weight: var(--font-weight-semibold, 600); }
.status-stepper {
list-style: none;
@@ -60,7 +60,7 @@ select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--borde
.status-stepper__label {
font-size: var(--font-size-sm, 0.8125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #5f6e6a);
}
@@ -70,6 +70,6 @@ select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--borde
}
.status-stepper__terminal {
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
}

18
src/app/features/admin/products/components/admin-product-form.component.scss
View File

@@ -3,7 +3,7 @@
.grid.one { grid-template-columns: 1fr; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
label { display: grid; gap: 6px; font-weight: 600; }
label { display: grid; gap: 6px; font-weight: var(--font-weight-semibold, 600); }
label.full, app-form-field.full { grid-column: 1 / -1; }
label.check { display: flex; align-items: center; gap: 8px; }
textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color, #d3dad9); border-radius: 10px; font: inherit; }
@@ -32,7 +32,7 @@ input[type='checkbox'] { width: auto; }
}
}
.related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.price-preview { font-weight: 600; }
.price-preview { font-weight: var(--font-weight-semibold, 600); }
.actions { display: flex; justify-content: flex-end; }
@media (max-width: 700px) { .related-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .grid.two, .grid.three, .readonly-grid { grid-template-columns: 1fr; } }
@@ -46,7 +46,7 @@ input[type='checkbox'] { width: auto; }
padding: 10px 14px;
border-radius: 8px 8px 0 0;
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #5f6e6a);
display: inline-flex;
align-items: center;
@@ -56,11 +56,11 @@ input[type='checkbox'] { width: auto; }
}
.form-card__tab--active { color: var(--brand-primary, #1e8a6e); background: var(--surface-muted, #eef2f0); }
.form-card__panel { min-height: 200px; display: grid; gap: 14px; }
.form-card__subheading { margin: 8px 0 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-secondary, #5f6e6a); }
.form-card__subheading { margin: 8px 0 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-bold, 700); text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-secondary, #5f6e6a); }
.form-card__explain { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
.form-card__group { border: 1px solid var(--border-subtle, #e7ece9); border-radius: 10px; padding: 10px 14px; }
.form-card__group summary { cursor: pointer; font-weight: 700; color: var(--text-primary, #1e3c38); }
.toggle-row { display: flex; align-items: center; gap: 8px; font-weight: 400; }
.form-card__group summary { cursor: pointer; font-weight: var(--font-weight-bold, 700); color: var(--text-primary, #1e3c38); }
.toggle-row { display: flex; align-items: center; gap: 8px; font-weight: var(--font-weight-normal, 400); }
.seo-preview {
border: 1px solid var(--border-subtle, #e7ece9);
@@ -86,7 +86,7 @@ input[type='checkbox'] { width: auto; }
align-items: center;
gap: 8px;
cursor: pointer;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-base, 0.875rem);
&:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 2px; }
@@ -98,7 +98,7 @@ input[type='checkbox'] { width: auto; }
margin-left: auto;
color: var(--text-secondary, #6b7280);
font-size: var(--font-size-sm, 0.8125rem);
font-weight: 400;
font-weight: var(--font-weight-normal, 400);
}
.translations-block__hint {
margin: 0 0 10px;
@@ -110,7 +110,7 @@ input[type='checkbox'] { width: auto; }
.badge-chip {
display: inline-flex; align-items: center; gap: 4px;
min-height: 24px; padding: 3px 10px; border-radius: var(--radius-full, 999px);
color: #fff; font-size: var(--font-size-xs, 0.75rem); font-weight: 700; text-transform: uppercase;
color: #fff; font-size: var(--font-size-xs, 0.75rem); font-weight: var(--font-weight-bold, 700); text-transform: uppercase;
border: none;
}
.badge-chip--add { cursor: pointer; opacity: 0.55; &:hover { opacity: 1; } &:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 2px; opacity: 1; } }

2
src/app/features/admin/products/components/admin-products-list.component.scss
View File

@@ -22,7 +22,7 @@ select { min-height: 40px; padding: 0 10px; border: 1px solid var(--border-color
.product-grid__select { position: absolute; top: 8px; left: 8px; z-index: 1; }
.product-grid__image { width: 100%; height: 120px; object-fit: cover; border-radius: var(--radius-sm); background: var(--surface-muted, #eef2f0); }
.product-grid__image--placeholder { display: flex; align-items: center; justify-content: center; font-size: var(--font-size-xs, 0.75rem); color: var(--text-tertiary, #9aa6a2); }
.product-grid__name { margin: 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-grid__name { margin: 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-bold, 700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-grid__price { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
.product-grid__actions { display: flex; gap: 6px; flex-wrap: wrap; }

2
src/app/features/admin/products/components/product-health-widget/product-health-widget.component.scss
View File

@@ -18,7 +18,7 @@
.product-health__percent {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-secondary, #5f6e6a);
}

2
src/app/features/admin/products/components/product-variants-editor/product-variants-editor.component.scss
View File

@@ -82,7 +82,7 @@
button { border: none; background: transparent; cursor: pointer; color: var(--text-secondary, #6b7280); }
}
.price-row__currency { font-weight: 700; font-size: var(--font-size-sm, 0.8125rem); min-width: 32px; }
.price-row__currency { font-weight: var(--font-weight-bold, 700); font-size: var(--font-size-sm, 0.8125rem); min-width: 32px; }
.price-row--add { gap: 4px; }
@media (max-width: 640px) {

2
src/app/features/admin/products/components/products-dashboard/products-dashboard.component.scss
View File

@@ -43,7 +43,7 @@
h4 {
margin: 0;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
p {

14
src/app/features/admin/shell/admin-layout.component.scss
View File

@@ -80,7 +80,7 @@
padding: var(--space-md);
text-decoration: none;
color: var(--text-primary);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
border-bottom: 1px solid var(--border-color);
}
@@ -114,7 +114,7 @@
.admin-layout__nav-group {
padding: var(--space-md) var(--space-sm) var(--space-xs);
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--text-light);
@@ -154,7 +154,7 @@
&--active {
background: color-mix(in srgb, var(--primary-color) 8%, transparent);
color: var(--primary-color);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
&--disabled {
@@ -171,7 +171,7 @@
.admin-layout__soon-badge {
margin-left: auto;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
padding: 2px 8px;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--primary-color) 8%, transparent);
@@ -263,7 +263,7 @@
.admin-layout__title {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
@@ -384,13 +384,13 @@
background: var(--primary-color);
color: #fff;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
flex-shrink: 0;
}
.admin-layout__account-name {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;

2
src/app/features/backoffice/media/components/asset-tile/asset-tile.component.scss
View File

@@ -55,7 +55,7 @@
.asset-tile__filename {
font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
overflow: hidden;
text-overflow: ellipsis;

2
src/app/features/backoffice/shared/backoffice-coming-soon-page.component.scss
View File

@@ -23,7 +23,7 @@
.coming-soon__link {
color: var(--primary-color, #497671);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
text-decoration: none;
}

2
src/app/features/content-management/components/content-dashboard/content-dashboard.component.scss
View File

@@ -36,7 +36,7 @@
h4 {
margin: 0;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
p {

2
src/app/features/content-management/components/content-health-widget/content-health-widget.component.scss
View File

@@ -11,7 +11,7 @@
h4 {
margin: 0;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
}
}

2
src/app/features/content-management/components/page-card/page-card.component.scss
View File

@@ -41,7 +41,7 @@
.page-card-tile__title {
margin: 0;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
overflow: hidden;
text-overflow: ellipsis;

8
src/app/features/content-management/components/page-editor/page-editor.component.scss
View File

@@ -14,7 +14,7 @@
.page-editor__title {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
flex: 1;
min-width: 160px;
@@ -39,7 +39,7 @@
padding: 10px 14px;
border-radius: 8px 8px 0 0;
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #5f6e6a);
display: inline-flex;
align-items: center;
@@ -93,7 +93,7 @@
.media-block__label {
font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
}
@@ -116,7 +116,7 @@
summary {
cursor: pointer;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
}
}

2
src/app/features/content-management/components/static-page-preview/static-page-preview.component.scss
View File

@@ -30,7 +30,7 @@
.static-page-preview__title {
margin: 0 0 1rem;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38);
}

2
src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.scss
View File

@@ -50,7 +50,7 @@
&:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 1px; }
}
.html-editor-toolbar__btn--bold { font-weight: 700; }
.html-editor-toolbar__btn--bold { font-weight: var(--font-weight-bold, 700); }
.html-editor-toolbar__btn--italic { font-style: italic; font-family: serif; }
.html-editor-toolbar__btn--underline { text-decoration: underline; }
.html-editor-toolbar__btn--wide { padding: 0 10px; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #6b7280); }

8
src/app/features/project-editor/components/project-editor-nav.component.scss
View File

@@ -20,7 +20,7 @@
.editor-nav-group__label {
flex: 1 1 auto;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--text-light);
@@ -66,7 +66,7 @@
background: none;
color: var(--text-primary);
padding: 0 var(--space-sm);
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
font-size: var(--font-size-lg, 1rem);
cursor: pointer;
text-decoration: none;
@@ -84,7 +84,7 @@
&.active {
background: color-mix(in srgb, var(--primary-color) 8%, transparent);
color: var(--primary-color);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
}
@@ -129,7 +129,7 @@
background: var(--error-color);
color: #fff;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
line-height: 1;
flex-shrink: 0;
}

22
src/app/features/project-editor/pages/builder-overview-page.component.scss
View File

@@ -13,7 +13,7 @@
gap: var(--space-xs);
align-self: flex-start;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
color: var(--text-secondary);
text-decoration: none;
@@ -40,7 +40,7 @@
.builder-overview__eyebrow {
margin: 0;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.75);
@@ -49,7 +49,7 @@
.builder-overview__title {
margin: 0;
font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
.builder-overview__subtitle {
@@ -78,7 +78,7 @@
.builder-overview__readiness-label {
margin: var(--space-xs) 0 0;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.builder-overview__readiness-hint {
@@ -104,7 +104,7 @@
.builder-overview__next-step-label {
margin: 0;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.75);
@@ -112,14 +112,14 @@
.builder-overview__next-step-link {
color: #fff;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem);
text-decoration: underline;
}
.builder-overview__next-step-done {
margin: 0;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.builder-overview__section {
@@ -130,7 +130,7 @@
h2 {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
}
}
@@ -201,7 +201,7 @@
.builder-overview__card-title {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
}
@@ -214,7 +214,7 @@
.builder-overview__card-cta {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--primary-color);
}
@@ -268,7 +268,7 @@
background: var(--bg-primary);
color: var(--text-primary);
text-decoration: none;
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
&:hover {
border-color: var(--primary-color);

10
src/app/features/project-editor/pages/project-editor-page.component.scss
View File

@@ -38,7 +38,7 @@
margin-bottom: var(--space-md);
border-radius: var(--radius-sm);
color: var(--text-primary);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
text-decoration: none;
&:hover {
@@ -160,14 +160,14 @@
h1 {
margin: 0;
font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
}
}
.project-editor-layout__badge {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
padding: 2px 8px;
@@ -205,7 +205,7 @@
border-radius: var(--radius-sm);
background: var(--bg-primary);
color: var(--text-primary);
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
cursor: pointer;
flex-shrink: 0;
white-space: nowrap;
@@ -233,7 +233,7 @@
h2 {
margin: 0 0 4px;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--text-light);

14
src/app/features/project-editor/sections/brand/brand-overview.component.scss
View File

@@ -24,7 +24,7 @@
border-radius: 50%;
display: grid;
place-items: center;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-xl, 1.125rem);
color: var(--text-primary);
@@ -45,7 +45,7 @@
h2 {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
}
@@ -60,7 +60,7 @@
display: flex;
align-items: center;
gap: var(--space-xs);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--primary-color);
&--done {
@@ -117,7 +117,7 @@
h3 {
margin: 0 0 var(--space-sm);
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--text-light);
@@ -161,7 +161,7 @@
background: color-mix(in srgb, var(--warning-color) 12%, transparent);
color: var(--warning-color);
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.brand-overview__type-sample {
@@ -174,7 +174,7 @@
.brand-overview__type-heading {
margin: 0 0 4px;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
}
@@ -205,7 +205,7 @@
.brand-overview__social-title {
margin: 0;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem);
color: var(--text-primary);
}

6
src/app/features/project-editor/sections/homepage/homepage-overview.component.scss
View File

@@ -24,7 +24,7 @@
border-radius: 50%;
display: grid;
place-items: center;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-xl, 1.125rem);
color: var(--text-primary);
@@ -45,7 +45,7 @@
h2 {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
}
@@ -64,7 +64,7 @@
display: flex;
align-items: center;
gap: var(--space-xs);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--primary-color);
&--done {

14
src/app/features/project-editor/sections/section.shared.scss
View File

@@ -34,7 +34,7 @@ label {
display: grid;
gap: 6px;
color: var(--text-primary, #1e3c38);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
label.full,
@@ -44,7 +44,7 @@ app-form-field.full {
.field-desc {
display: block;
font-weight: 400;
font-weight: var(--font-weight-normal, 400);
font-size: var(--font-size-xs, 0.75rem);
line-height: 1.4;
color: var(--text-secondary, #5f6e6a);
@@ -109,7 +109,7 @@ button {
background: #497671;
color: #fff;
padding: 0 14px;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: background-color var(--transition-fast, 120ms ease),
border-color var(--transition-fast, 120ms ease),
@@ -207,7 +207,7 @@ button.secondary {
th {
color: var(--text-secondary, #5f6e6a);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
.preview-before {
@@ -217,7 +217,7 @@ button.secondary {
.preview-after {
color: var(--text-primary, #1e3c38);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
}
@@ -235,8 +235,8 @@ button.secondary {
display: inline-flex; align-items: center; gap: 6px;
padding: 4px 10px; border-radius: var(--radius-full, 999px);
border: 1px solid var(--border-color, #d3dad9);
font-size: var(--font-size-sm, 0.8125rem); font-weight: 600;
em { font-style: normal; font-weight: 400; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #6b7280); }
font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-semibold, 600);
em { font-style: normal; font-weight: var(--font-weight-normal, 400); font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #6b7280); }
}
.languages-summary__chip--default { border-color: var(--color-primary, #2f8f5b); }
.languages-summary__manage { font-size: var(--font-size-sm, 0.8125rem); text-decoration: underline; color: var(--text-primary, #1e3c38); }

6
src/app/features/project-editor/sections/widgets-section.component.scss
View File

@@ -19,7 +19,7 @@
.widget-card__title {
margin: 0;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
flex: 1 1 auto;
min-width: 120px;
@@ -27,7 +27,7 @@
.widget-card__hidden-badge {
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px;
text-transform: uppercase;
padding: 2px 8px;
@@ -90,7 +90,7 @@
summary {
cursor: pointer;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-light);
}
}

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

@@ -17,7 +17,7 @@ h3 {
color: var(--text-primary);
padding: 0 14px;
cursor: pointer;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
.block {

6
src/app/features/search/components/search-bar/search-bar.component.scss
View File

@@ -51,7 +51,7 @@
border-radius: var(--radius-sm);
background: var(--primary-color);
color: #fff;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
padding: 0 14px;
cursor: pointer;
}
@@ -108,7 +108,7 @@
}
.suggestion-title {
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
.suggestion-copy small,
@@ -145,7 +145,7 @@
background: transparent;
color: var(--primary-color);
cursor: pointer;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
.no-results {

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