thePR0M3TH3ANandClaude Opus 4.8 5ea5e266e4 fix(mobile): profile-modal grid was in a dead @media block (var() in condition) ...

The profile-modal nav app-grid never applied because its @media condition used
`calc(theme("screens.lg") - var(--breakpoint-edge-offset))` — CSS custom
properties are invalid inside @media conditions, so Chromium/Brave drop the whole
block (confirmed via matchMedia). My earlier in-browser preview used !important,
which bypassed the media query and masked it.

Moved the grid rules into a valid `@media (max-width: theme("screens.lg"))` block
(theme() resolves to a literal at build time). Cascade verified without !important:
display:grid, 3 columns, flex-direction:column. Lint clean.

Filed #40: the same var()-in-@media pattern silently breaks many other responsive
rules (it was added to satisfy the token lint) — needs a broader audit.

Co-Authored-By: Claude Opus 4.8 <[email protected]>

2026-06-29 19:52:16 -04:00

..

docs.css

docs(ai): update quickstart and contributing (agent)

2026-01-30 14:18:14 +00:00

tailwind.source.css

fix(mobile): profile-modal grid was in a dead @media block (var() in condition)

2026-06-29 19:52:16 -04:00

tokens.css

feed: add public popularity (views-over-time) chart in the ⋯ menu (#26)

2026-06-24 13:51:41 -04:00