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 these layout engines' default styles:

• Gecko (Firefox) or browse to resource://gre-resources/html.css on your Firefox.
• Blink (Chromium/Chrome 28+, Opera 15+)
• Webkit (Safari, Chrome before 28, Opera 14)
• Presto (Opera 7 to 12)
• Trident (Internet Explorer)
• EdgeHTML (Edge)

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:

1. 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.

2. 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