JSPM

unreset-css

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4683
  • Score
    100M100P100Q142803F
  • License MIT

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.

Package Exports

  • unreset-css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (unreset-css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Unreset CSS npm

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:

The sources are in the defaults directory.

Install

With npm:

$ npm install --save unreset-css

Or, download manually:

unreset.css unreset.css unreset.min.css

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