Skip to content

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

License

Notifications You must be signed in to change notification settings

simbo/css-reset-and-normalize

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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