windy-normalize 🪽

A modern CSS reset, based on Tailwind 3.4 Preflight and modern-normalize.css, with placeholder CSS variables.

Getting started

Right now there is no npm package for this repository, you can just copy the windy-normalize.css in your project and import it in your main layout, before any other styles.

Example (via Github):

<link rel="stylesheet" href="https://raw.githubusercontent.com/itsjavi/windy-normalize/main/windy-normalize.css" />

You can also use it directly via jsDelivr: https://cdn.jsdelivr.net/gh/itsjavi/windy-normalize@main/windy-normalize.css

Extra Styles

Some extra styles are included for easier customization, and to support even more modern HTML features.

• Placeholder CSS variables that can be overriden by other stylesheets (--colors-border, --font-family-sans, and --font-family-mono).
• Styles for elements with [inert] and [popover] attributes, for older browsers.