mirror of
https://github.com/luxfi/meet.git
synced 2026-10-30 16:19:48 +00:00
Every flex container is a grid; the icons take their size as a prop, because a class on an svg reaches the svg and nothing there defines it. Four shapes could not stay classes at all. Next's <Link> is a COMPONENT — it hands className to the anchor it renders, so Box never sees it and `tw` never reads it — and three of the four also carry `hover:`, which is a pseudo-class. They are css now (.row, .pill, .back, .card), written once because each repeats across four pages. `gray-*` became `neutral-*`. Tailwind's gray carries a blue tint and the design system's ramp does not; on a monochrome dark surface the neutral one is the right grey, and it is the ramp @hanzo/design already declares. Same rungs, so nothing moves but the hue. The face changes with it. This loaded Inter from Google Fonts; the theme carries Zen and ships the woff2 itself, so that is one fewer third party and one typeface across the estate rather than two. Verified at 1280px: body display grid, ground rgb(10,10,10), Zen resolved, the pill filled white, six stylesheets, nothing overflowing, no errors.