[csswg-drafts] Pull Request: Make the index page responsive, add dark mode

sideshowbarker has just submitted a new pull request for https://github.com/w3c/csswg-drafts:

== Make the index page responsive, add dark mode ==
The mobile UX for the index page was not great — Android's text autosizer
produced inconsistent font sizes, links took up excessive vertical space,
and there was no dark mode support. This fixes all of that.

- Fix mobile rendering: add viewport meta tag and `text-size-adjust` to
  stop Android's text autosizer from boosting `.spec-links` font sizes
  inconsistently
- Responsive mobile layout (< 640px): switch spec headers to CSS Grid,
  hide shortname, add tap-to-expand accordion with chevron indicator,
  render links as pill buttons
- Dark mode via `prefers-color-scheme: dark` with GitHub-dark-inspired
  palette covering all components
- Prevent line breaks between "Level" and its number (non-breaking space)
- Minor polish: activity dot tooltips, `focus-visible` outlines on sort
  buttons, 16px search input to prevent iOS auto-zoom

See https://github.com/w3c/csswg-drafts/pull/13447


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 4 February 2026 08:36:43 UTC