UnENVerse 2026-08-24
src/css/cards.css now derives every card dimension from --cs- tokens
Card sizing, repo cleanup, and the CLAUDE.md drift audit
src/css/cards.cssnow derives every card dimension from--cs-*tokens- selected by
#card-grid[data-card-size], whichapplyGridSettings()stamps in src/ts/state.ts. One setting moves width and height together.
| token | compact | medium | large |
|---|---|---|---|
--cs-card-h | 200px | 236px | 280px |
--cs-icon | 32 | 40 | 48 |
--cs-desc-lines | 2 | 3 | 4 |
--cs-foot-h | 34 | 40 | 44 |
- Collapsed cards have a fixed height;
.card-headtakes the slack (`flex: 1 1 - auto
) so the footer sits on the bottom edge. Expanded cards areheight: auto` - and every clamp is lifted.
#card-gridgainedalign-items: startso an