Modern Accessible CSS Reset – reset.css

Category: CSS & CSS3 , Recommended | May 15, 2024
Views Total:1 view
Official Page:Go to website
Last Update:May 15, 2024


Modern Accessible CSS Reset – reset.css


A lightweight, modern, accessible CSS reset heavily based on the :where() CSS pseudo-class function.


  • Built-in visually hidden styles for screen reader-only text.
  • Accessible focus outlines.
  • Designed for cascade layers.
  • Auto dark mode.
  • Smooth scroll.
  • And more.

How to use it:

Install and import the reset.css.

$ npm i @acab/reset.css
@import '@acab/reset.css';
// or in a JS file
import '@acab/reset.css';
// or from a CDN
@import '';
// or in an HTML document.
<link rel="stylesheet" href="package/index.css" />


v0.10.0 (05/15/2024)

  • add resets for popover
  • handle <dialog popover>
  • add user-select: none to .visually-hidden

v0.9.0 (04/13/2024)

  • add resets for dialog element
  • add scrollbar-gutter: stable to root

v0.8.0 (09/27/2023)

  • remove all button styles
  • use redesigned dual focus indicator
  • add scroll-margin to :target
  • set tab-size on root

v0.7.0 (09/03/2023)

  • add text-wrap: balance to main headings
  • add missing max-width for video

You Might Be Interested In:

Leave a Reply