Skip to content

fix: raise the smallest text size to 14px - #19

Open
myelinated-wackerow wants to merge 1 commit into
mainfrom
fix/type-floor
Open

myelinated-wackerow wants to merge 1 commit into
mainfrom
fix/type-floor

Conversation

@myelinated-wackerow

Copy link
Copy Markdown
Collaborator

What

Raises the smallest text size on the site from 12px to 14px by bumping the --text-tiny token, the only size below that floor. Everything that used it moves up together: table headers, chips, captions, helper text, the click-to-explain popover. Compiled stylesheet included.

Why the token and not the call sites

Two lines, and clear of the feedback branches (#17 and the branch stacked on it), which add many more uses of the same token. Replacing call sites now would conflict with both.

The token's name is now a misnomer: it is 14px like text-label-sm and text-label-md. Folding it into the scale, and more broadly preferring Tailwind's native utilities over the Figma-named tokens, is proposed in #18.

Verify

pnpm run build:css reproduces the committed stylesheet. Nothing in src/ sets a size below 14px: text-xs, <small> and text-[1Npx] do not occur.

Claude Fable 5.1

12px was the one text size below the floor for this site; everything
else already sat at 14px or above. Bumping the token rather than
replacing its call sites keeps the change to two lines and clear of the
feedback branches, which add many more uses of it. Folding the token
into the scale is a separate cleanup.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: wackerow <54227730+wackerow@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant