Ester, the CSS reset

Ester is a minimalist CSS reset, designed to be unobtrusive while providing a solid starting point.

It can be used as a standalone stylesheet or imported into Sass projects.

Usage

With a CDN

Import the reset from either HTML or CSS, before any other styles:

<link
  rel="stylesheet"
  href="https://unpkg.com/@boscop@ester/css/reset.min.css"
/>

@import 'https://unpkg.com/@boscop/ester/css/reset.min.css';

With a package manager

Installation

npm install @boscop/ester
# or
yarn add @boscop/ester

Sass

Many third-party tools allow you to import Sass stylesheets from node modules into your projet using a simple syntax:

@import '~@boscop/ester'

See webpack's sass-loader or node-sass-importer for example.

Standalone CSS

As with the CDN above, you can import the stylesheet from either HTML or CSS:

<link
  rel="stylesheet"
  href="/path/to/@boscop/ester/css/reset.css"
/>

@import '/path/to/@boscop/ester/css/reset.min.css';

Development

Start compilation in watch mode:

npm start

Then open ./test/index.html to try out the styles.

Publication

npm run build
npm publish

Credits

Ester is maintained by Boscop (french).