Modern Accessible CSS Reset – reset.css

Preview:

Description:

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

Features:

• 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
$ npm i @acab/reset.css

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

Changelog:

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