@leaven-css/base

Leaven – Base

A good starter for your styles

WARNING: A WORK IN PROGRESS

Markup should give semantic meaning and structure but not necessarily define styles. Is an <h2> always that size? Does a <button> always look that way?

As a developer you should be in control of the styles you want for elements, especially when building components. Leaven Base's goal is to reset as much browser styles as possible while allowing for flexibility and customization.

Install

As a module

# npm
npm add @leaven-css/base

# yarn
yarn add @leaven-css/base

via Unpkg

• https://unpkg.com/@leaven-css/base/dist/base.css
• https://unpkg.com/@leaven-css/base/dist/base.min.css

Browser Support

• Chrome
• Firefox
• Safari
• Edge
• Internet Explorer 11

It's recommended that you use Autoprefixer as part of your build process to remove any unnecessary prefixes based on your own browser support.

Usage & Exceptions

Read more in the Using Leaven Base document.

Credits

A special thanks to those libraries that influenced this one:

• Eric Meyer's CSS Reset
• Nicolas Gallagher's normalize.css
• Jonathan Neal's sanitize.css
• Jen Simmons's CSS Remedy