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:
@@ -56,7 +56,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
|
||||
{label && (
|
||||
<label
|
||||
htmlFor={inputId}
|
||||
className="text-2xs font-medium font-display uppercase tracking-[0.10em] text-mute leading-none"
|
||||
className="text-cap font-medium font-display text-mute leading-none"
|
||||
>
|
||||
{label}
|
||||
{required && <span className="text-pink ml-0.5">*</span>}
|
||||
|
||||
@@ -26,7 +26,7 @@ export function PageHeader({
|
||||
return (
|
||||
<div className={cn('flex flex-col gap-1 mb-4', className)} {...props}>
|
||||
{breadcrumb && (
|
||||
<div className="text-2xs font-display uppercase tracking-[0.10em] text-mute leading-tight mb-1">
|
||||
<div className="text-cap font-display text-mute leading-tight mb-1">
|
||||
{breadcrumb}
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -55,7 +55,7 @@ export const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
|
||||
{label && (
|
||||
<label
|
||||
htmlFor={inputId}
|
||||
className="text-2xs font-medium font-display uppercase tracking-[0.10em] text-mute leading-none"
|
||||
className="text-cap font-medium font-display text-mute leading-none"
|
||||
>
|
||||
{label}
|
||||
{required && <span className="text-pink ml-0.5">*</span>}
|
||||
|
||||
Reference in New Issue
Block a user