fix(fonts): align all text sizes to handoff spec via Tailwind theme overrides
Глобальные правки через @theme в styles.css вместо 200+ точечных правок: - text-sm: 14px -> 13px (handoff workhorse — body, buttons, tabs) - text-2xs: undefined -> 11px (handoff IDs, mono meta — было невидимо) - @utility text-cap: 10.5px Tektur uppercase 0.10em (handoff caps) Codemod (30 sites): text-2xs + uppercase + tracking-[0.10em] -> text-cap. Sidebar section labels consolidated с explicit text-[10.5px] на text-cap. Покрывает 64 text-sm + 148 text-2xs автоматически. Table cells (12.5px) и page/modal titles (17px/22px) остаются explicit text-[Npx] arbitrary values по месту — нет slots в Tailwind scale.
This commit is contained in:
@@ -146,11 +146,36 @@
|
||||
--font-mono: 'JetBrains Mono', 'SF Mono', monospace;
|
||||
--font-display: 'Tektur', 'Inter', sans-serif;
|
||||
|
||||
/* Font sizes per design_handoff_ordinis_mdm/README.md spec.
|
||||
* Override Tailwind defaults так чтобы существующие utility classes
|
||||
* автоматически соответствовали handoff:
|
||||
* text-sm : 13px (workhorse — body, buttons, tabs)
|
||||
* text-xs : 12px (default, без изменений — secondary meta)
|
||||
* text-2xs : 11px (custom — IDs, dates, table mono meta)
|
||||
* Tektur caps 10.5px → используй .cap или text-cap utility (отдельно).
|
||||
* Table cells 12.5px / page titles 17px / modal titles 22px — explicit
|
||||
* через text-[Npx] arbitrary value по месту. */
|
||||
--text-sm: 13px;
|
||||
--text-sm--line-height: 1.4;
|
||||
--text-2xs: 11px;
|
||||
--text-2xs--line-height: 1.35;
|
||||
|
||||
--radius-sm: 4px;
|
||||
--radius-md: 6px;
|
||||
--radius-lg: 8px;
|
||||
}
|
||||
|
||||
/* Tektur caps utility — handoff 10.5px uppercase tracking 0.10em.
|
||||
* Codemod target: replace `text-2xs uppercase tracking-[0.10em]` → `text-cap`. */
|
||||
@utility text-cap {
|
||||
font-family: var(--font-display);
|
||||
font-size: 10.5px;
|
||||
line-height: 1;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.10em;
|
||||
}
|
||||
|
||||
html, body, #root {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user