Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/itsjavi/windy-normalize

🪽 A modern CSS reset, based on Tailwind 3.x CSS Preflight and modern-normalize.css
https://github.com/itsjavi/windy-normalize

css-reset modern-css normalize-css preflight tailwind tailwindcss

Last synced: 17 days ago
JSON representation

🪽 A modern CSS reset, based on Tailwind 3.x CSS Preflight and modern-normalize.css

Awesome Lists containing this project

README

        

# windy-normalize 🪽
A modern CSS reset, based on [Tailwind 3.4 Preflight](https://unpkg.com/[email protected]/src/css/preflight.css) and [modern-normalize.css](https://raw.githubusercontent.com/sindresorhus/modern-normalize/main/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):

```html

```

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.