css-reset

Based on Josh's Custom CSS Reset with input from Chris Coyier, Andy Bell and Elad Shechter. (Via articles... not personally)

What does it do?

It is a minimal, unopinionated, CSS reset that irons out some of the CSS qurirks before you start. Both the raw file and a version minified using PostCSS cssnano are available.

How to use it?

The package name on NPM is '@jeclark/css-reset'.

Using UNPKG

You can import the file into any HTML file using UNPKG with:

<link rel="stylesheet" href="https://unpkg.com/@jeclark/css-reset/reset.css" />

Or for the minified version:

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

Installing with NPM

Install the package and import before the regular styles of the project.

<link rel="stylesheet" href="./node_modules/@jeclark/css-reset/reset.css" />

<link rel="stylesheet" href="./node_modules/@jeclark/css-reset/reset.min.css" />

In a React project

Install the package and insert it into the main entry file.

import '@jeclark/css-reset/reset.css';

Using SCSS

Import inside a file like index.scss or main.scss that imports all other css / scss files.

@import './node_modules/@jeclark/css-reset/reset.css';

Download the file

You can download the CSS file or the minified file and use it in your own project.