Skip to content

docs: fix the focus ring at 2px of the accent, 3px off the edge - #19

Merged
benatespina merged 1 commit into
mainfrom
claude/focus-ring-rule
Oct 31, 2026
Merged

benatespina merged 1 commit into
mainfrom
claude/focus-ring-rule

Conversation

@benatespina

@benatespina benatespina commented Oct 31, 2026 •

Copy link
Copy Markdown
Member

What

DESIGN.md gains one rule under Layout: focus is a 2px ring of --accent, 3px off the edge, and 3px inside a control that sits in a bordered box. The same ring on the landing, in the docs and in Studio.

Why

The token table already said --accent carries focus rings, but nothing fixed the size. The landing draws 2px (since #17); the docs in bounda-dev/bounda had no rule of their own and showed the browser's default ring. The docs adopt the ring in a sibling PR.

DESIGN.md named the colour of the focus ring but not its size, so the landing drew 2px
and the docs left the browser's default. The ring is now a rule, the same on the landing,
in the docs and in Studio.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Updated (UTC)
✅ Deployment successful!
View logs
bounda-website 7a24cfb Oct 31 2026, 08:44 AM

@benatespina
benatespina merged commit 98db79e into main Oct 31, 2026
3 checks passed
@benatespina
benatespina deleted the claude/focus-ring-rule branch October 31, 2026 08:48
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