Skip to content

scaffold v3.31.0 — styled reference-guide UI

Choose a tag to compare

View all tags
@zigrivers zigrivers released this 31 May 04:10
· 96 commits to main since this release
v3.31.0
402150d
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Styles the reference-guide UI. Guides previously rendered with design tokens but no component CSS — an unstyled wall of TOC links and edge-to-edge prose. This release adds the missing stylesheet so all 11 guides get a proper reading layout.

Added

  • lib/guides.css — the guide component + layout stylesheet (token-only, light + dark): sticky sidebar TOC + scrollspy, reading-width content, callouts, severity chips, citations, tables + filter inputs, :::chart bars, tabs, code blocks with copy button, mermaid framing.
  • Accessible mobile drawer — backdrop scrim, focus containment (inert + Tab trap), in-drawer Close button, Escape/backdrop/link-click dismissal, aria-expanded.
  • Full ARIA tabs pattern + :focus-visible across interactive controls.
  • Category-card index page (Concepts / Reference / Workflows / Tools).
  • New palette tokens: --red* (danger callouts), --scrim (drawer backdrop).

Reviewed via Playwright (desktop light/dark, mobile drawer) and multi-model (MMR, 4-channel).

🤖 Generated with Claude Code

Assets 2
Loading