@empreinte-digitale/ester

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/@empreinte-digitale@ester/css/reset.min.css"
/>

@import 'https://unpkg.com/@empreinte-digitale/ester/css/reset.min.css';

With a package manager

Installation

npm install @empreinte-digitale/ester
# or
yarn add @empreinte-digitale/ester

Sass

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

@import '~@empreinte-digitale/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/@empreinte-digitale/ester/css/reset.css"
/>

@import '/path/to/@empreinte-digitale/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 Empreinte Digitale (french).