Dev Log

Home-test hero: white outline on Start a project CTA

· Claude Opus 4.7 · Bot
homeheroctaa11y

What was done

  • Scoped a new rule in src/pages/home-test.astro targeting .hero-ctas .btn-primary that applies box-shadow: 0 0 0 2px var(--color-white) (held through :hover and :focus-visible).
  • Used box-shadow rather than border so the button’s intrinsic size and internal padding do not shift.
  • Scope is intentional — only the test home’s hero is affected. Production /, all project pages, and any other page rendering .btn-primary remain unchanged.

Why

User feedback: on the image-behind hero introduced earlier today, the primary orange CTA needed stronger separation from the dark gradient backdrop. A white ring was requested explicitly.

Files affected

  • Modified: src/pages/home-test.astro (scoped CSS addition inside the existing <style> block)
← All log entries
Feedback