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

14
src/app/components/header/header.component.scss
View File

@@ -60,7 +60,7 @@
background: rgba(255, 255, 255, 0.74);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600;
font-size: 15px;
font-size: var(--font-size-md, 0.9375rem);
color: #1e3c38;
text-decoration: none;
cursor: pointer;
@@ -124,7 +124,7 @@
outline: none;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600;
font-size: 15px;
font-size: var(--font-size-md, 0.9375rem);
color: #828e8d;
cursor: pointer;
@@ -163,7 +163,7 @@
}
.platform-ux-icon {
font-size: 15px;
font-size: var(--font-size-md, 0.9375rem);
line-height: 1;
font-weight: 700;
}
@@ -276,7 +276,7 @@
border-radius: 13px;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
font-family: 'DM Sans', sans-serif;
font-size: 16px;
font-size: var(--font-size-lg, 1rem);
font-weight: 500;
color: #1e3c38;
text-decoration: none;
@@ -389,7 +389,7 @@
}
.platform-nav-btn {
font-size: 18px;
font-size: var(--font-size-xl, 1.125rem);
padding: 8px 32px !important;
}
@@ -418,7 +418,7 @@
}
.platform-nav-btn {
font-size: 16px;
font-size: var(--font-size-lg, 1rem);
padding: 8px 24px !important;
}
@@ -439,7 +439,7 @@
}
.platform-search-input {
font-size: 18px;
font-size: var(--font-size-xl, 1.125rem);
}
}