Add radius tokens and replace bare rounded classes #11
- MA
The theme inherited Tailwind's radius scale silently, so `--radius-md` meant one thing in the editor's stylesheet and whatever the framework last shipped everywhere else. Declaring the three rungs we use gives the scale one owner: a change lands in one place, and `check-tokens` can see a misspelt rung now that `--radius-` has left its `EXTERNAL` bypass list.
The values are Tailwind's own, so nothing moves. `sm` and `md` are what the editor stylesheet already read; `lg` is the one utility site. `xs` and `xl` are not declared, because nothing uses them.
`--radius-*: initial` first: `@theme` merges with Tailwind's theme rather than replacing it, so a rung we do not declare goes on resolving to a value we never chose ā and its untouched `2xl` was `1rem`, the same as an `xl` we might later pick. Reaching for a rung we do not own should draw nothing.
The bare `rounded` utility is spelled `rounded-sm` at ten call sites. Both resolve to `0.25rem`, so this is a rename rather than a change ā `rounded` is the v3 name and does not appear in the scale this file now owns.
š¤ Generated with [Claude Code](https://claude.com/claude-code) ---
### Stack
Merge bottom-up. Each PR targets the one below it, so every diff reads in isolation; GitHub retargets the child automatically as each parent merges.
1. #9 ā Emit all theme tokens, fix callout colours, load Inter ā `main` 2. #10 ā Add two-stop shadow scale tokens 3. #11 ā Add radius tokens and replace bare rounded classes 4. #12 ā Add type scale tokens, replace arbitrary font sizes 5. #13 ā Add easing and duration tokens, set transition defaults 6. #15 ā Add one focus-visible outline rule for all controls 7. #16 ā Scale buttons down on press 8. #17 ā Add tabular-nums to figures and balance plan headings 9. #18 ā Shorten empty states and composer status copy 10. #19 ā Add entrance animation for newly arrived items
Plan: `docs/superpowers/plans/2026-08-04-design-token-foundation.md`
MaggieAppletonreferenced this in Emit all theme tokens, fix callout colours, load Inter #93 months ago on GitHub
MaggieAppletonreferenced this in Add two-stop shadow scale tokens #103 months ago on GitHub
MaggieAppletonreferenced this in Add type scale tokens, replace arbitrary font sizes #123 months ago on GitHub
MaggieAppletonreferenced this in Add easing and duration tokens, set transition defaults #133 months ago on GitHub
MaggieAppletonreferenced this in Add one focus-visible outline rule for all controls #153 months ago on GitHub
MaggieAppletonreferenced this in Scale buttons down on press #163 months ago on GitHub
MaggieAppletonreferenced this in Add tabular-nums to figures and balance plan headings #173 months ago on GitHub
MaggieAppletonreferenced this in Shorten empty states and composer status copy #183 months ago on GitHub
MaggieAppletonreferenced this in Animate newly received messages and status indicators #193 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed b761c24934673 months ago on GitHub
MaggieAppletonrenamed Own the corners instead of borrowing them to Add radius tokens and replace bare rounded classes3 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed d3629f85bd893 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed 24db7ab5a2f23 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed 905be55e90023 months ago on GitHub
MaggieAppletonautomatic-base-change-succeeded3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed 0002447351633 months ago on GitHub
MaggieAppletonmerged 9ec68f27504e3 months ago on GitHub
MaggieAppletonhead-ref-deleted3 months ago on GitHub
MaggieAppletonreferenced this in Show what conversation analysis did under each Chat message #353last month on GitHub