Skip to content

Use modern CSS normalizer#2005

Merged
axelboc merged 2 commits into
mainfrom
css-normalize
Apr 8, 2026
Merged

Use modern CSS normalizer#2005
axelboc merged 2 commits into
mainfrom
css-normalize

Conversation

@axelboc
Copy link
Copy Markdown
Contributor

@axelboc axelboc commented Apr 8, 2026

https://github.com/sindresorhus/modern-normalize

  • This removes a bunch of CSS declarations targeting IE and other obsolete browsers.
  • The new modern-normalize.css includes its own box-sizing declaration, so I remove it from our side.
  • One of the -webkit declarations fixes the focus outlines of buttons on Chromium as shown in the Cypress snapshots.

I also take the opportunity to:

  • Use the :where() selector in the viewer's App.module.css where we apply our own "bare element" styles, so as to avoid increasing CSS specificity. This selector is "widely available" since 2021.
  • Add a normalization style in App.module.css for pre and kbd elements. This makes the monospace font of keyboard shortcuts in the interactions help menu consistent with other monospace pre elements.

@axelboc axelboc merged commit 3dc29e3 into main Apr 8, 2026
13 checks passed
@axelboc axelboc deleted the css-normalize branch April 8, 2026 12:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant