unreset-css

Unreset CSS

Unreset CSS restores browsers' default element styles which are reset by Eric Meyer's Reset CSS, YUI 3 Reset CSS, HTML5 Reset Stylesheet of HTML5 Doctor, or Tim Murtaugh's HTML5 Reset.

Unreset CSS is based on browsers' default styles:

• Firefox (Gecko) or browse to resource://gre-resources/html.css on your Firefox.
• Chrome (Chromium Blink)
• Safari (WebKit)
• Internet Explorer 9
• Edge
• Opera

The sources are in the defaults directory.

Install

With npm:

$ npm install --save unreset-css

Or, download manually:

Import

Sass:

.unreset {
    @import 'node_modules/unreset-css/unreset';
}

Node-sass:

• If you’re using Eyeglass, skip to Step 2. Otherwise, you’ll need to add Unreset CSS to your node-sass includePaths option. require("unreset-css").includePaths is an array of directories that you should pass to node-sass. How you do this depends on how node-sass is integrated into your project.

• Import Unreset CSS into your Sass files:

  .unreset {
      @import "unreset";
  }
  

CSS:

<link rel="stylesheet" href="unreset.css">

or

<link rel="stylesheet" href="unreset.min.css">

Usage

Add a unreset class to the container of the elements needing to be unreset.

<div class="unreset">
    <h1>This is an H1</h1>
    <p>This is a paragraph.</p>
    <ul>
        <li>This is a list item.</li>
        <li>This is a list item.</li>
    </ul>
</div>

License

MIT © Kite