Stylish <dialog>s

Campsite has some of my favorite UI styling on the web. Naturally, I cracked open their source hoping to learn something. What I found: React components rendering <div> s inside <div> s, with piles of JavaScript doing what <dialog> does for free. So I borrowed their visual design and rebuilt it with semantic HTML and CSS using affordance classes . I want to walk you through all of the choices I’ve…