simbo / css-reset-and-normalize

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

css-reset-and-normalize

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

• About
  • Rules and Reasons
• Installation
• Usage
• Optional Addons:
  • Usage
• License

---

About

This combination of css reset and normalize is based on

• CSS Reset 2.0 (public domain) by Eric Meyer

• normalize.css 8.0.1 (MIT) by Nicolas Gallagher and Jonathan Neal

• Bootstrap 4.5.3 Reboot (MIT) by Twitter Inc.

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