A bare-bones CSS reset for modern web development.

Find a file

Kevin f1ab7b6974 Reduce motion of ::before and ::after pseudo-elements The change adds the `::before` and ::after` in the reduce motion media query. Effectively these additions should prevent any animations which were happening in these pseudo-elements when the user has opted to reduce the motion. Why? I've come across an edge case where I'm animating an `::after` (not sure if that's the ideal way to do it), but animations should be disabled for these pseudo-elements as well.		2020-10-22 02:30:38 +03:00
dist	Bump	2020-07-21 15:55:10 +01:00
src	Reduce motion of ::before and ::after pseudo-elements	2020-10-22 02:30:38 +03:00
.gitignore	Initial	2019-10-01 14:02:39 +01:00
CONTRIBUTING.md	Contributing guide	2019-10-01 15:04:17 +01:00
LICENSE	Rename LICENCE to LICENSE	2020-01-23 22:33:22 +03:00
package-lock.json	Publish new version	2019-10-03 20:58:08 +01:00
package.json	Bump	2020-07-21 15:55:10 +01:00
README.md	Update README.md	2020-01-24 01:09:15 +03:00

A modern CSS reset

A tiny little reset that you can use as the basis of your CSS projects. You can read a breakdown of it here.

Installation

NPM:

npm install --save-dev modern-css-reset

Yarn:

yarn add modern-css-reset

Unpkg CDN:

<link rel="stylesheet" href="https://unpkg.com/modern-css-reset/dist/reset.min.css" />

jsDelivr CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modern-css-reset/dist/reset.min.css" />

First, let's clone this repository:

git clone https://github.com/hankchizljaw/modern-css-reset.git

Then, go to modern-css-reset directory:

cd modern-css-reset

And now, you can minify and move the main reset to the dist by running:

npm run build

That's it! 🎉

MIT