css-reset-and-normalize

A combination of css reset and normalize (available in CSS, SCSS, Stylus and LESS)

Usage no npm install needed!

<script type="module">
  import cssResetAndNormalize from 'https://cdn.skypack.dev/css-reset-and-normalize';
</script>

README

css-reset-and-normalize

A combination of css reset and normalize (available in CSS, SCSS, Stylus and LESS).

npm Package Version npm Downloads Package Dependencies GitHub Workflow Status (branch) GitHub last Commit GitHub Repo License MIT


About

This combination of css reset and normalize is based on

Rules and Reasons

Take a look at the source code, it has comments.

BTW: Here's an article about Reboot, Resets and Reasoning by Chris Coyier.

Installation

css-reset-and-normalize is a npm package. You can install it…

# …using npm
npm install --save css-reset-and-normalize
# …or yarn
yarn add css-reset-and-normalize

You can also use the latest generated CSS directly from a CDN:

  • from jsdelivr:
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/css-reset-and-normalize/css/reset-and-normalize.min.css">

  • from unpkg:
    <link rel="stylesheet" href="//unpkg.com/css-reset-and-normalize/css/reset-and-normalize.min.css">

Usage

There are multiple ways:

  • HTML <link>

    <link rel="stylesheet" href="path/to/reset-and-normalize.min.css">
    
  • CSS @import

    @import "path/to/reset-and-normalize.min.css";
    
  • SCSS @import

    @import 'path/to/node_modules/css-reset-and-normalize/scss/reset-and-normalize';
    
  • Stylus @require

    @require 'path/to/node_modules/css-reset-and-normalize/stylus/reset-and-normalize'
    
  • LESS @import

    @import 'path/to/node_modules/css-reset-and-normalize/less/reset-and-normalize';
    

Optional Addons:

  • button-reset
  • link-reset

See source code.

Usage

The optional addons can be included the same way like the base library.

SCSS example:

@import 'path/to/node_modules/css-reset-and-normalize/scss/reset-and-normalize';
@import 'path/to/node_modules/css-reset-and-normalize/scss/button-reset';
@import 'path/to/node_modules/css-reset-and-normalize/scss/link-reset';

License

MIT © Simon Lepel