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

94
src/app/pages/cart/cart.component.scss
View File

@@ -25,7 +25,7 @@
h1 {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
margin: 0;
}
@@ -38,7 +38,7 @@
border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
cursor: pointer;
transition: all 0.2s;
display: flex;
@@ -72,7 +72,7 @@
h1 {
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #111827;
margin: 0;
background: linear-gradient(135deg, #059669 0%, #10b981 100%);
@@ -88,7 +88,7 @@
border: none;
border-radius: var(--radius-md, 12px);
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
@@ -138,7 +138,7 @@
h2 {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 1.6rem;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
margin: 0 0 12px 0;
}
@@ -157,7 +157,7 @@
text-decoration: none;
border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem);
transition: all 0.2s;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
@@ -194,7 +194,7 @@
h2 {
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #111827;
margin: 0 0 12px 0;
}
@@ -211,7 +211,7 @@
color: white;
text-decoration: none;
border-radius: var(--radius-md, 12px);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem);
transition: all 0.3s;
box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
@@ -332,7 +332,7 @@
.item-name {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: #1e3c38;
text-decoration: none;
transition: color 0.2s;
@@ -378,7 +378,7 @@
background: rgba(73, 118, 113, 0.08);
padding: 3px 10px;
border-radius: 6px;
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
display: inline-flex;
align-items: center;
gap: 6px;
@@ -461,7 +461,7 @@
.item-name {
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #111827;
text-decoration: none;
transition: color 0.2s;
@@ -507,7 +507,7 @@
background: rgba(99, 102, 241, 0.08);
padding: 3px 10px;
border-radius: 6px;
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
display: inline-flex;
align-items: center;
gap: 6px;
@@ -552,13 +552,13 @@
.current-price {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #497671;
}
.delivery-price {
font-size: var(--font-size-sm, 0.8125rem);
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
color: #697777;
}
}
@@ -600,7 +600,7 @@
.qty-value {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
min-width: 24px;
text-align: center;
@@ -646,7 +646,7 @@
.qty-value {
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #059669;
min-width: 24px;
text-align: center;
@@ -692,7 +692,7 @@
.summary-header h3 {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
margin: 0 0 16px 0;
}
@@ -713,7 +713,7 @@
padding-top: 16px;
border-top: 1px solid #d3dad9;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
margin-top: 8px;
@@ -740,7 +740,7 @@
border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: all 0.2s;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
@@ -784,7 +784,7 @@
.login-gate-title {
margin: 0 0 4px;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1a1a1a;
}
@@ -805,7 +805,7 @@
background: #2AABEE;
color: #fff;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
cursor: pointer;
transition: all 0.2s;
@@ -842,7 +842,7 @@
.summary-header h3 {
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #111827;
margin: 0 0 20px 0;
background: linear-gradient(135deg, #059669 0%, #10b981 100%);
@@ -866,7 +866,7 @@
padding-top: 20px;
border-top: 2px solid #f0fdf4;
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #111827;
margin-top: 12px;
@@ -878,7 +878,7 @@
}
.value {
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: #111827;
}
}
@@ -898,7 +898,7 @@
border: none;
border-radius: 14px;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
@@ -950,7 +950,7 @@
.login-gate-title {
margin: 0 0 4px;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #111827;
}
@@ -971,7 +971,7 @@
background: #2AABEE;
color: #fff;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -1092,7 +1092,7 @@
a {
color: #497671;
text-decoration: none;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
&:hover {
text-decoration: underline;
@@ -1124,7 +1124,7 @@
a {
color: #10b981;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
&:hover {
color: #059669;
@@ -1264,7 +1264,7 @@
align-items: center;
justify-content: center;
font-size: 3rem;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: white;
margin: 0 auto 20px;
}
@@ -1281,7 +1281,7 @@
border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: all 0.2s;
@@ -1399,7 +1399,7 @@
.amount {
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1a1a1a;
}
}
@@ -1430,7 +1430,7 @@
flex: 1;
padding: 12px 16px;
border-radius: var(--radius-sm, 8px);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-md, 0.9375rem);
cursor: pointer;
transition: all 0.3s ease;
@@ -1591,7 +1591,7 @@
border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
display: flex;
align-items: center;
@@ -1730,7 +1730,7 @@
h1 {
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
margin: 0;
background: linear-gradient(135deg, #10b981 0%, #14b8a6 50%, #06b6d4 100%);
@@ -1749,7 +1749,7 @@
border: none;
border-radius: var(--radius-lg);
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
cursor: pointer;
transition: all 0.3s ease;
@@ -1792,7 +1792,7 @@
h2 {
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
margin: 0 0 0.75rem 0;
}
@@ -1811,7 +1811,7 @@
color: white;
text-decoration: none;
border-radius: var(--radius-lg);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem);
transition: all 0.3s ease;
@@ -1887,7 +1887,7 @@
.item-name {
font-size: var(--font-size-xl, 1.125rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
text-decoration: none;
margin: 0;
@@ -1945,7 +1945,7 @@
gap: 1rem;
.item-price {
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-2xl, 1.25rem);
.price-discount {
@@ -1957,7 +1957,7 @@
font-size: var(--font-size-md, 0.9375rem);
color: var(--text-secondary);
text-decoration: line-through;
font-weight: 400;
font-weight: var(--font-weight-normal, 400);
}
.current {
@@ -2012,7 +2012,7 @@
span {
min-width: 36px;
text-align: center;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem);
color: var(--text-primary);
}
@@ -2034,7 +2034,7 @@
h3 {
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
margin: 0 0 1.25rem 0;
padding-bottom: 1rem;
@@ -2050,7 +2050,7 @@
color: var(--text-secondary);
.value {
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
}
}
@@ -2062,7 +2062,7 @@
padding: 1.25rem 0;
margin-top: 1rem;
border-top: 1px solid var(--border-color);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-xl, 1.125rem);
span:first-child {
@@ -2087,7 +2087,7 @@
border: none;
border-radius: var(--radius-md);
font-size: 1.0625rem;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
@@ -2169,7 +2169,7 @@
a {
color: #10b981;
text-decoration: none;
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
transition: all 0.2s;
&:hover {

16
src/app/pages/category/category.component.scss
View File

@@ -40,7 +40,7 @@
h3 {
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
margin: 0 0 8px 0;
}
@@ -62,7 +62,7 @@
border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", sans-serif;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
text-decoration: none;
transition: background 0.2s ease, transform 0.15s ease;
@@ -83,7 +83,7 @@
cursor: pointer;
font-size: var(--font-size-lg, 1rem);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
transition: all 0.2s ease;
&:hover {
@@ -165,7 +165,7 @@
color: white;
padding: 6px 12px;
border-radius: 20px;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-base, 0.875rem);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
z-index: 1;
@@ -188,7 +188,7 @@
.item-name {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: clamp(14px, 1.4vw, 18px);
color: #1e3c38;
margin: 0;
@@ -212,7 +212,7 @@
.rating-stars {
color: #ffa502;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
}
@@ -234,7 +234,7 @@
.discounted-price,
.current-price {
font-size: clamp(16px, 1.6vw, 22px);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #497671;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
@@ -275,7 +275,7 @@
border: none;
border-radius: 0 0 13px 13px;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
cursor: pointer;
transition: all 0.2s ease;

22
src/app/pages/category/subcategories.component.scss
View File

@@ -54,7 +54,7 @@
border: none;
border-radius: var(--radius-sm, 8px);
font-size: var(--font-size-md, 0.9375rem);
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
cursor: pointer;
transition: all 0.2s ease;
@@ -94,7 +94,7 @@
h3 {
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
margin: 0 0 8px 0;
}
@@ -116,7 +116,7 @@
border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", sans-serif;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
text-decoration: none;
transition: background 0.2s ease, transform 0.15s ease;
@@ -135,7 +135,7 @@
font-size: var(--font-size-4xl, 2rem);
color: #1e3c38;
margin: 0;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
letter-spacing: -0.02em;
}
}
@@ -198,7 +198,7 @@
align-items: center;
justify-content: center;
font-size: 5rem;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #497671;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
@@ -221,7 +221,7 @@
.category-name {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: clamp(14px, 1.4vw, 18px);
color: #1e3c38;
margin: 0;
@@ -276,7 +276,7 @@
.items-section-title {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
margin: 0 0 20px 0;
}
@@ -328,7 +328,7 @@
background: #dc2626;
color: white;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
padding: 2px 8px;
border-radius: 6px;
}
@@ -344,7 +344,7 @@
.item-badge {
font-size: 0.65rem;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
padding: 2px 6px;
border-radius: var(--radius-xs, 4px);
text-transform: uppercase;
@@ -361,7 +361,7 @@
.item-name {
font-family: "DM Sans", sans-serif;
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: #1e3c38;
margin: 0;
line-height: 1.3;
@@ -386,7 +386,7 @@
.current-price {
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
}
}

2
src/app/pages/info/contacts/contacts.component.scss
View File

@@ -34,7 +34,7 @@
a {
color: var(--text-primary);
text-decoration: none;
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
&:hover {
color: var(--primary-color);

74
src/app/pages/item-detail/item-detail.component.scss
View File

@@ -48,7 +48,7 @@ $dx-card-bg: #f5f3f9;
color: white;
text-decoration: none;
border-radius: var(--radius-lg, 13px);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
transition: all 0.2s;
&:hover {
@@ -187,7 +187,7 @@ $dx-card-bg: #f5f3f9;
.dx-title {
font-family: $dx-font;
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: $dx-dark;
margin: 0;
line-height: 1.3;
@@ -209,7 +209,7 @@ $dx-card-bg: #f5f3f9;
}
.dx-rating-value {
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-lg, 1rem);
color: $dx-dark;
}
@@ -242,7 +242,7 @@ $dx-card-bg: #f5f3f9;
color: white;
padding: 3px 10px;
border-radius: 20px;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-sm, 0.8125rem);
}
@@ -270,7 +270,7 @@ $dx-card-bg: #f5f3f9;
align-items: center;
gap: 6px;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
&.high { color: #2ed573; }
&.medium { color: #ffa502; }
@@ -294,7 +294,7 @@ $dx-card-bg: #f5f3f9;
border-radius: var(--radius-lg, 13px);
font-family: $dx-font;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
transition: all 0.2s;
display: flex;
@@ -331,7 +331,7 @@ $dx-card-bg: #f5f3f9;
.variant-label {
font-size: var(--font-size-base, 0.875rem);
color: #6b7280;
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
}
.variant-chip {
@@ -340,7 +340,7 @@ $dx-card-bg: #f5f3f9;
padding: 6px 14px;
border-radius: var(--radius-sm, 8px);
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
border: 1.5px solid $dx-border;
background: rgba(73, 118, 113, 0.06);
color: $dx-primary;
@@ -399,7 +399,7 @@ $dx-card-bg: #f5f3f9;
}
.attribute-value {
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: #1a1a1a;
}
}
@@ -417,7 +417,7 @@ $dx-card-bg: #f5f3f9;
.dx-delivery-title, .alt-delivery-title {
margin: 0;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: $dx-dark;
}
@@ -447,7 +447,7 @@ $dx-card-bg: #f5f3f9;
.dx-delivery-price, .alt-delivery-price {
flex-shrink: 0;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: $dx-primary;
font-size: var(--font-size-md, 0.9375rem);
}
@@ -460,7 +460,7 @@ $dx-card-bg: #f5f3f9;
background: rgba(73, 118, 113, 0.12);
color: $dx-primary;
font-size: var(--font-size-base, 0.875rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
.dx-description {
@@ -470,7 +470,7 @@ $dx-card-bg: #f5f3f9;
h2 {
font-family: $dx-font;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: $dx-dark;
margin: 0 0 12px 0;
}
@@ -489,7 +489,7 @@ $dx-card-bg: #f5f3f9;
h2 {
font-family: $dx-font;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: $dx-dark;
margin: 0 0 24px 0;
}
@@ -507,7 +507,7 @@ $dx-card-bg: #f5f3f9;
margin: 0 0 20px 0;
color: $dx-dark;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
}
}
@@ -518,7 +518,7 @@ $dx-card-bg: #f5f3f9;
display: block;
margin-bottom: 8px;
color: $dx-dark;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-md, 0.9375rem);
}
}
@@ -595,7 +595,7 @@ $dx-card-bg: #f5f3f9;
padding: 12px 28px;
border-radius: var(--radius-lg, 13px);
font-family: $dx-font;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-md, 0.9375rem);
cursor: pointer;
transition: all 0.2s;
@@ -637,7 +637,7 @@ $dx-card-bg: #f5f3f9;
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-md, 0.9375rem);
animation: dxSlideIn 0.3s ease-out;
@@ -692,7 +692,7 @@ $dx-card-bg: #f5f3f9;
}
.dx-reviewer-name {
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: $dx-dark;
font-size: var(--font-size-md, 0.9375rem);
}
@@ -728,7 +728,7 @@ $dx-card-bg: #f5f3f9;
h2 {
font-family: $dx-font;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: $dx-dark;
margin: 0 0 24px 0;
}
@@ -765,7 +765,7 @@ $dx-card-bg: #f5f3f9;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-sm, 0.8125rem);
&.q {
@@ -1134,7 +1134,7 @@ $dx-card-bg: #f5f3f9;
color: white;
text-decoration: none;
border-radius: var(--radius-lg);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
transition: all 0.3s;
&:hover {
@@ -1242,7 +1242,7 @@ $dx-card-bg: #f5f3f9;
.alt-info {
.alt-title {
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
margin: 0 0 1rem 0;
line-height: 1.3;
@@ -1260,7 +1260,7 @@ $dx-card-bg: #f5f3f9;
}
.value {
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
}
@@ -1294,7 +1294,7 @@ $dx-card-bg: #f5f3f9;
color: white;
padding: 0.25rem 0.75rem;
border-radius: var(--radius-md);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-sm, 0.8125rem);
}
@@ -1317,7 +1317,7 @@ $dx-card-bg: #f5f3f9;
border-radius: var(--radius-md);
.stock-label {
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary);
}
@@ -1325,7 +1325,7 @@ $dx-card-bg: #f5f3f9;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
.dot {
width: 10px;
@@ -1359,7 +1359,7 @@ $dx-card-bg: #f5f3f9;
border: none;
border-radius: var(--radius-lg);
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
cursor: pointer;
display: flex;
align-items: center;
@@ -1382,7 +1382,7 @@ $dx-card-bg: #f5f3f9;
.alt-description {
h3 {
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
margin: 0 0 1rem 0;
}
@@ -1403,7 +1403,7 @@ $dx-card-bg: #f5f3f9;
h2 {
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
margin: 0 0 2rem 0;
}
@@ -1439,7 +1439,7 @@ $dx-card-bg: #f5f3f9;
gap: 0.25rem;
.reviewer-name {
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem);
color: var(--text-primary);
}
@@ -1485,7 +1485,7 @@ $dx-card-bg: #f5f3f9;
h3 {
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--text-primary);
margin: 0 0 1.5rem 0;
}
@@ -1496,7 +1496,7 @@ $dx-card-bg: #f5f3f9;
label {
display: block;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
margin-bottom: 0.75rem;
}
@@ -1592,7 +1592,7 @@ $dx-card-bg: #f5f3f9;
border: none;
border-radius: var(--radius-md);
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
cursor: pointer;
transition: all 0.3s ease;
@@ -1635,7 +1635,7 @@ $dx-card-bg: #f5f3f9;
margin-top: 1rem;
border-radius: var(--radius-md);
font-size: var(--font-size-md, 0.9375rem);
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
animation: slideDown 0.3s ease;
svg {
@@ -1940,7 +1940,7 @@ $dx-card-bg: #f5f3f9;
padding: 3px 10px;
border-radius: var(--radius-xs, 4px);
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
text-transform: uppercase;
letter-spacing: 0.5px;
color: #fff;
@@ -1992,7 +1992,7 @@ $dx-card-bg: #f5f3f9;
.spec-key {
color: #697777;
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
width: 40%;
white-space: nowrap;
}

8
src/app/pages/legal/company-details/company-details.component.scss
View File

@@ -15,14 +15,14 @@
border-radius: var(--radius-sm);
.req-label {
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
color: var(--text-secondary);
}
.req-value {
font-family: 'Courier New', monospace;
color: var(--text-primary);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
}
}
@@ -45,7 +45,7 @@
}
.org-name {
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary);
margin-bottom: 0.75rem;
}
@@ -73,7 +73,7 @@
strong {
color: var(--text-primary);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
span {

10
src/app/pages/search/search.component.scss
View File

@@ -109,7 +109,7 @@
h2 {
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: #1e3c38;
margin: 0 0 8px 0;
}
@@ -219,7 +219,7 @@
color: white;
padding: 6px 12px;
border-radius: 20px;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-base, 0.875rem);
}
@@ -251,7 +251,7 @@
.rating-stars {
color: #497671;
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
}
@@ -272,7 +272,7 @@
.discounted-price,
.current-price {
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
color: var(--primary-color);
}
@@ -312,7 +312,7 @@
border: none;
border-radius: 0 0 13px 13px;
font-size: var(--font-size-lg, 1rem);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
cursor: pointer;
transition: background 0.2s;