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

style(design-system): roll out font-size scale across storefront/builder/backoffice

Browse Source 
Mechanical, value-preserving substitution: every literal font-size
declaration across src/app (89 files) that matched one of the 9
typography scale steps introduced earlier (--font-size-xs..4xl) was
replaced with var(--font-size-STEP, <same-or-nearest-step-value>).

Values within ~0.03rem/1px of a scale step were snapped to that step
(e.g. 0.85rem and 0.8rem both -> --font-size-sm/0.8125rem; 0.9rem and
0.875rem -> --font-size-base/0.875rem) to consolidate roughly 15
near-duplicate sizes down to the 9-step scale, per the RC design-system
finalization brief. This eliminates most of the font-size fragmentation
found across the app (previously: 0.7/0.72/0.75/0.78/0.8/0.8125/0.85/
0.875/0.9/0.9375/0.95/1/1.05/1.1/1.125/1.15/1.2/1.25/1.3/1.35/1.4/1.5/
1.75/2rem all in live use simultaneously).

Not touched (deliberately, see docs/UI-DESIGN-REVIEW.md): 3rem+ display
sizes (too large a jump to any existing step, would need a --font-size-5xl
addition), font-size values expressed via clamp()/calc(), and any
component listed as intentionally distinct (code-editor syntax tokens,
theme brand colors).
This commit is contained in:
sdarbinyan
2026-07-20 03:26:17 +04:00
parent aaa3604cd4
commit 7cb1c8c3c6
88 changed files with 538 additions and 538 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -23,7 +23,7 @@ $dx-card-bg: #f5f3f9;
padding: 80px 20px;
color: $dx-muted;
p { margin: 0; font-size: 1rem; }
p { margin: 0; font-size: var(--font-size-lg, 1rem); }
}
.dx-spinner {
@@ -71,7 +71,7 @@ $dx-card-bg: #f5f3f9;
h2 {
margin: 0 0 20px;
color: $dx-dark;
font-size: 1.5rem;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 800;
}
}
@@ -174,7 +174,7 @@ $dx-card-bg: #f5f3f9;
align-items: center;
gap: 12px;
color: $dx-secondary;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
}
// Item Info Panel
@@ -186,7 +186,7 @@ $dx-card-bg: #f5f3f9;
.dx-title {
font-family: $dx-font;
font-size: 1.75rem;
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
color: $dx-dark;
margin: 0;
@@ -210,12 +210,12 @@ $dx-card-bg: #f5f3f9;
.dx-rating-value {
font-weight: 700;
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
color: $dx-dark;
}
.dx-rating-count {
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
color: $dx-muted;
}
@@ -234,7 +234,7 @@ $dx-card-bg: #f5f3f9;
.dx-old-price {
text-decoration: line-through;
color: $dx-muted;
font-size: 1.1rem;
font-size: var(--font-size-xl, 1.125rem);
}
.dx-discount-tag {
@@ -243,7 +243,7 @@ $dx-card-bg: #f5f3f9;
padding: 3px 10px;
border-radius: 20px;
font-weight: 700;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
}
.dx-current-price {
@@ -261,7 +261,7 @@ $dx-card-bg: #f5f3f9;
}
.dx-stock-label {
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
color: $dx-muted;
}
@@ -269,7 +269,7 @@ $dx-card-bg: #f5f3f9;
display: flex;
align-items: center;
gap: 6px;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
&.high { color: #2ed573; }
@@ -293,7 +293,7 @@ $dx-card-bg: #f5f3f9;
border: none;
border-radius: 13px;
font-family: $dx-font;
font-size: 1.1rem;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
cursor: pointer;
transition: all 0.2s;
@@ -329,7 +329,7 @@ $dx-card-bg: #f5f3f9;
}
.variant-label {
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
color: #6b7280;
font-weight: 500;
}
@@ -339,7 +339,7 @@ $dx-card-bg: #f5f3f9;
align-items: center;
padding: 6px 14px;
border-radius: 8px;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
border: 1.5px solid $dx-border;
background: rgba(73, 118, 113, 0.06);
@@ -390,7 +390,7 @@ $dx-card-bg: #f5f3f9;
.attribute-row {
display: flex;
gap: 6px;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
}
.attribute-key {
@@ -416,7 +416,7 @@ $dx-card-bg: #f5f3f9;
.dx-delivery-title, .alt-delivery-title {
margin: 0;
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
font-weight: 700;
color: $dx-dark;
}
@@ -442,14 +442,14 @@ $dx-card-bg: #f5f3f9;
flex-direction: column;
gap: 4px;
color: $dx-muted;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
.dx-delivery-price, .alt-delivery-price {
flex-shrink: 0;
font-weight: 700;
color: $dx-primary;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
}
.dx-delivery-chip, .alt-delivery-chip {
@@ -459,7 +459,7 @@ $dx-card-bg: #f5f3f9;
border-radius: 999px;
background: rgba(73, 118, 113, 0.12);
color: $dx-primary;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
font-weight: 700;
}
@@ -469,7 +469,7 @@ $dx-card-bg: #f5f3f9;
h2 {
font-family: $dx-font;
font-size: 1.3rem;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
color: $dx-dark;
margin: 0 0 12px 0;
@@ -477,7 +477,7 @@ $dx-card-bg: #f5f3f9;
}
.dx-description-text {
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
color: $dx-muted;
line-height: 1.7;
}
@@ -488,7 +488,7 @@ $dx-card-bg: #f5f3f9;
h2 {
font-family: $dx-font;
font-size: 1.5rem;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
color: $dx-dark;
margin: 0 0 24px 0;
@@ -506,7 +506,7 @@ $dx-card-bg: #f5f3f9;
font-family: $dx-font;
margin: 0 0 20px 0;
color: $dx-dark;
font-size: 1.15rem;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
}
}
@@ -519,7 +519,7 @@ $dx-card-bg: #f5f3f9;
margin-bottom: 8px;
color: $dx-dark;
font-weight: 600;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
}
}
@@ -545,7 +545,7 @@ $dx-card-bg: #f5f3f9;
border: 1px solid $dx-border;
border-radius: 10px;
font-family: $dx-font;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
resize: none;
margin-bottom: 16px;
background: white;
@@ -570,7 +570,7 @@ $dx-card-bg: #f5f3f9;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
color: $dx-muted;
input[type="checkbox"] {
@@ -583,7 +583,7 @@ $dx-card-bg: #f5f3f9;
.dx-user-preview {
color: $dx-primary;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
font-style: italic;
}
@@ -596,7 +596,7 @@ $dx-card-bg: #f5f3f9;
border-radius: 13px;
font-family: $dx-font;
font-weight: 700;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
cursor: pointer;
transition: all 0.2s;
display: inline-flex;
@@ -638,7 +638,7 @@ $dx-card-bg: #f5f3f9;
align-items: center;
gap: 10px;
font-weight: 600;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
animation: dxSlideIn 0.3s ease-out;
&.success {
@@ -694,12 +694,12 @@ $dx-card-bg: #f5f3f9;
.dx-reviewer-name {
font-weight: 600;
color: $dx-dark;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
}
.dx-review-date {
color: $dx-muted;
font-size: 0.8rem;
font-size: var(--font-size-sm, 0.8125rem);
}
.dx-review-stars {
@@ -711,14 +711,14 @@ $dx-card-bg: #f5f3f9;
color: $dx-muted;
line-height: 1.6;
margin: 0;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
}
.dx-no-reviews {
text-align: center;
color: $dx-muted;
padding: 40px;
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
}
// Q&A Section
@@ -727,7 +727,7 @@ $dx-card-bg: #f5f3f9;
h2 {
font-family: $dx-font;
font-size: 1.5rem;
font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700;
color: $dx-dark;
margin: 0 0 24px 0;
@@ -754,7 +754,7 @@ $dx-card-bg: #f5f3f9;
margin-bottom: 12px;
line-height: 1.6;
color: $dx-muted;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
}
.dx-qa-label {
@@ -766,7 +766,7 @@ $dx-card-bg: #f5f3f9;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 0.8rem;
font-size: var(--font-size-sm, 0.8125rem);
&.q {
background: $dx-primary;
@@ -795,7 +795,7 @@ $dx-card-bg: #f5f3f9;
border: 1px solid $dx-border;
border-radius: 8px;
padding: 6px 12px;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
color: $dx-muted;
cursor: pointer;
transition: all 0.2s;
@@ -830,7 +830,7 @@ $dx-card-bg: #f5f3f9;
}
.dx-title {
font-size: 1.5rem;
font-size: var(--font-size-3xl, 1.5rem);
}
}
@@ -858,7 +858,7 @@ $dx-card-bg: #f5f3f9;
.dx-reviews-section,
.dx-qa-section {
h2 {
font-size: 1.3rem;
font-size: var(--font-size-3xl, 1.5rem);
}
}
}
@@ -905,7 +905,7 @@ $dx-card-bg: #f5f3f9;
}
.dx-title {
font-size: 1.4rem;
font-size: var(--font-size-3xl, 1.5rem);
}
.dx-current-price {
@@ -913,18 +913,18 @@ $dx-card-bg: #f5f3f9;
}
.dx-old-price {
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
}
.dx-add-cart {
max-width: 100%;
padding: 14px 20px;
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
}
.dx-description {
h2 {
font-size: 1.15rem;
font-size: var(--font-size-xl, 1.125rem);
}
}
@@ -936,7 +936,7 @@ $dx-card-bg: #f5f3f9;
td {
padding: 8px 10px;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
}
}
@@ -963,7 +963,7 @@ $dx-card-bg: #f5f3f9;
margin-bottom: 32px;
h2 {
font-size: 1.25rem;
font-size: var(--font-size-2xl, 1.25rem);
margin-bottom: 16px;
}
}
@@ -974,7 +974,7 @@ $dx-card-bg: #f5f3f9;
.dx-question,
.dx-answer {
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
}
@@ -1005,7 +1005,7 @@ $dx-card-bg: #f5f3f9;
}
.dx-title {
font-size: 1.2rem;
font-size: var(--font-size-2xl, 1.25rem);
}
.dx-info {
@@ -1013,7 +1013,7 @@ $dx-card-bg: #f5f3f9;
}
.dx-current-price {
font-size: 1.5rem;
font-size: var(--font-size-3xl, 1.5rem);
}
.dx-rating {
@@ -1028,7 +1028,7 @@ $dx-card-bg: #f5f3f9;
.dx-add-cart {
padding: 12px 16px;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
border-radius: 10px;
}
@@ -1036,19 +1036,19 @@ $dx-card-bg: #f5f3f9;
padding: 14px;
h3 {
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
}
}
.dx-star-selector {
.dx-star-pick {
font-size: 1.5rem;
font-size: var(--font-size-3xl, 1.5rem);
}
}
.dx-textarea {
padding: 12px;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
.dx-review-card {
@@ -1056,17 +1056,17 @@ $dx-card-bg: #f5f3f9;
}
.dx-reviewer-name {
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
.dx-review-text {
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
.dx-specs-table {
td {
padding: 6px 8px;
font-size: 0.8rem;
font-size: var(--font-size-sm, 0.8125rem);
display: block;
}
@@ -1092,14 +1092,14 @@ $dx-card-bg: #f5f3f9;
.dx-question,
.dx-answer {
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
gap: 8px;
}
.dx-qa-label {
width: 24px;
height: 24px;
font-size: 0.7rem;
font-size: var(--font-size-xs, 0.75rem);
}
}
@@ -1182,7 +1182,7 @@ $dx-card-bg: #f5f3f9;
}
p {
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
}
}
@@ -1241,7 +1241,7 @@ $dx-card-bg: #f5f3f9;
.alt-info {
.alt-title {
font-size: 2rem;
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
color: var(--text-primary);
margin: 0 0 1rem 0;
@@ -1256,7 +1256,7 @@ $dx-card-bg: #f5f3f9;
.stars {
color: #fbbf24;
font-size: 1.1rem;
font-size: var(--font-size-xl, 1.125rem);
}
.value {
@@ -1266,7 +1266,7 @@ $dx-card-bg: #f5f3f9;
.reviews {
color: var(--text-secondary);
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
}
@@ -1286,7 +1286,7 @@ $dx-card-bg: #f5f3f9;
.old-price {
text-decoration: line-through;
color: var(--text-tertiary);
font-size: 1.1rem;
font-size: var(--font-size-xl, 1.125rem);
}
.discount-badge {
@@ -1295,7 +1295,7 @@ $dx-card-bg: #f5f3f9;
padding: 0.25rem 0.75rem;
border-radius: var(--radius-md);
font-weight: 700;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
}
.current-price {
@@ -1358,7 +1358,7 @@ $dx-card-bg: #f5f3f9;
color: white;
border: none;
border-radius: var(--radius-lg);
font-size: 1.1rem;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
cursor: pointer;
display: flex;
@@ -1381,7 +1381,7 @@ $dx-card-bg: #f5f3f9;
.alt-description {
h3 {
font-size: 1.25rem;
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 600;
color: var(--text-primary);
margin: 0 0 1rem 0;
@@ -1402,7 +1402,7 @@ $dx-card-bg: #f5f3f9;
border-top: 1px solid var(--border-color);
h2 {
font-size: 1.75rem;
font-size: var(--font-size-4xl, 2rem);
font-weight: 700;
color: var(--text-primary);
margin: 0 0 2rem 0;
@@ -1440,19 +1440,19 @@ $dx-card-bg: #f5f3f9;
.reviewer-name {
font-weight: 600;
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
color: var(--text-primary);
}
.review-date {
font-size: 0.8rem;
font-size: var(--font-size-sm, 0.8125rem);
color: var(--text-secondary);
}
}
.review-stars {
color: #fbbf24;
font-size: 1.125rem;
font-size: var(--font-size-xl, 1.125rem);
flex-shrink: 0;
}
}
@@ -1461,7 +1461,7 @@ $dx-card-bg: #f5f3f9;
color: var(--text-secondary);
line-height: 1.7;
margin: 0;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
}
}
@@ -1469,7 +1469,7 @@ $dx-card-bg: #f5f3f9;
text-align: center;
padding: 3rem 2rem;
color: var(--text-secondary);
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
background: var(--bg-secondary);
border-radius: var(--radius-lg);
}
@@ -1484,7 +1484,7 @@ $dx-card-bg: #f5f3f9;
margin-bottom: 2rem;
h3 {
font-size: 1.25rem;
font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700;
color: var(--text-primary);
margin: 0 0 1.5rem 0;
@@ -1495,7 +1495,7 @@ $dx-card-bg: #f5f3f9;
label {
display: block;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
color: var(--text-primary);
margin-bottom: 0.75rem;
@@ -1506,7 +1506,7 @@ $dx-card-bg: #f5f3f9;
gap: 0.5rem;
.alt-star {
font-size: 2rem;
font-size: var(--font-size-4xl, 2rem);
color: #d1d5db;
cursor: pointer;
transition: all 0.2s ease;
@@ -1529,7 +1529,7 @@ $dx-card-bg: #f5f3f9;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
font-family: inherit;
color: var(--text-primary);
background: white;
@@ -1560,7 +1560,7 @@ $dx-card-bg: #f5f3f9;
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
color: var(--text-secondary);
cursor: pointer;
@@ -1576,7 +1576,7 @@ $dx-card-bg: #f5f3f9;
}
.alt-username-preview {
font-size: 0.875rem;
font-size: var(--font-size-base, 0.875rem);
color: var(--text-secondary);
font-style: italic;
}
@@ -1591,7 +1591,7 @@ $dx-card-bg: #f5f3f9;
color: white;
border: none;
border-radius: var(--radius-md);
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
@@ -1634,7 +1634,7 @@ $dx-card-bg: #f5f3f9;
padding: 1rem;
margin-top: 1rem;
border-radius: var(--radius-md);
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
font-weight: 500;
animation: slideDown 0.3s ease;
@@ -1692,11 +1692,11 @@ $dx-card-bg: #f5f3f9;
}
.alt-info .alt-title {
font-size: 1.5rem;
font-size: var(--font-size-3xl, 1.5rem);
}
.alt-info .alt-price-block .current-price {
font-size: 2rem;
font-size: var(--font-size-4xl, 2rem);
}
.alt-info .alt-add-cart {
@@ -1745,7 +1745,7 @@ $dx-card-bg: #f5f3f9;
.alt-info {
.alt-title {
font-size: 1.35rem;
font-size: var(--font-size-3xl, 1.5rem);
}
.alt-rating {
@@ -1758,11 +1758,11 @@ $dx-card-bg: #f5f3f9;
padding: 1rem;
.current-price {
font-size: 1.75rem;
font-size: var(--font-size-4xl, 2rem);
}
.old-price {
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
}
}
@@ -1774,13 +1774,13 @@ $dx-card-bg: #f5f3f9;
.alt-add-cart {
padding: 1rem 1.5rem;
font-size: 1rem;
font-size: var(--font-size-lg, 1rem);
margin-bottom: 1.5rem;
}
.alt-description {
h3 {
font-size: 1.1rem;
font-size: var(--font-size-xl, 1.125rem);
}
}
}
@@ -1793,7 +1793,7 @@ $dx-card-bg: #f5f3f9;
td {
padding: 8px 10px;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
}
}
@@ -1802,7 +1802,7 @@ $dx-card-bg: #f5f3f9;
padding-top: 2rem;
h2 {
font-size: 1.35rem;
font-size: var(--font-size-3xl, 1.5rem);
margin-bottom: 1.5rem;
}
}
@@ -1815,7 +1815,7 @@ $dx-card-bg: #f5f3f9;
padding: 1.25rem;
h3 {
font-size: 1.1rem;
font-size: var(--font-size-xl, 1.125rem);
}
}
}
@@ -1844,25 +1844,25 @@ $dx-card-bg: #f5f3f9;
.alt-info {
.alt-title {
font-size: 1.15rem;
font-size: var(--font-size-xl, 1.125rem);
}
.alt-price-block {
padding: 0.75rem;
.current-price {
font-size: 1.5rem;
font-size: var(--font-size-3xl, 1.5rem);
}
}
.alt-stock {
padding: 0.6rem;
font-size: 0.85rem;
font-size: var(--font-size-sm, 0.8125rem);
}
.alt-add-cart {
padding: 0.85rem 1rem;
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
border-radius: var(--radius-md);
}
}
@@ -1880,7 +1880,7 @@ $dx-card-bg: #f5f3f9;
.alt-textarea {
padding: 0.75rem;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
}
@@ -1897,14 +1897,14 @@ $dx-card-bg: #f5f3f9;
}
.review-text {
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
}
}
.alt-specs-table {
td {
padding: 6px 8px;
font-size: 0.8rem;
font-size: var(--font-size-sm, 0.8125rem);
display: block;
}
@@ -1939,7 +1939,7 @@ $dx-card-bg: #f5f3f9;
display: inline-block;
padding: 3px 10px;
border-radius: 4px;
font-size: 0.75rem;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
@@ -1967,7 +1967,7 @@ $dx-card-bg: #f5f3f9;
display: inline-block;
padding: 2px 8px;
border-radius: 12px;
font-size: 0.75rem;
font-size: var(--font-size-xs, 0.75rem);
color: #497671;
background: rgba(73, 118, 113, 0.08);
border: 1px solid rgba(73, 118, 113, 0.15);
@@ -1986,7 +1986,7 @@ $dx-card-bg: #f5f3f9;
td {
padding: 10px 12px;
font-size: 0.9rem;
font-size: var(--font-size-base, 0.875rem);
vertical-align: top;
}
@@ -2004,7 +2004,7 @@ $dx-card-bg: #f5f3f9;
// Simple description
.alt-simple-desc, .dx-simple-desc {
font-size: 0.95rem;
font-size: var(--font-size-md, 0.9375rem);
color: #697777;
line-height: 1.6;
margin-bottom: 16px;
@@ -2012,7 +2012,7 @@ $dx-card-bg: #f5f3f9;
// Stock quantity
.stock-qty, .dx-stock-qty {
font-size: 0.8rem;
font-size: var(--font-size-sm, 0.8125rem);
color: #697777;
margin-left: 8px;
}