leaf-reset
v0.2.0
Published
A reset file to use in modern front-end projects
Downloads
4
Readme
leaf-reset
Part of the core of the Leaf UI.
Yet another CSS reset.
Disclaimer: This is no CSS "silver bullet". You should still design your CSS to be cross-browser. You may use this file to bootstrap your applications.
The idea is to reset styles before applying changes in the page. It helps prevent differences in default styling across browsers.
Install
We recommend using Bower to manage front-end dependencies:
bower install leaf-reset
If you don't use bower you can manually use it by just grabbing the file inside the dist folder.
Also available on NPM if you prefer using it:
npm install leaf-reset
Details on implementation
Leaf philosophy
As with other Leaf core components this one is written in SCSS.
Please check the CONTRIBUTING guide for info on code style.
Usage
There is no mystery here. Just place the CSS file before your own styles to enforce the reset.
Demo
You can see leaf-reset in action by cloning and running the built-in demo located on the demo folder.
Browser support
This reset script enforces the box-sizing: border-box; CSS property. So browsers must support it.
We test support on most evergreen browsers with Sauce Labs.
| | | | | | | Android | iOS | | :---: |:---:| :---: | :---: | :---: | :---:| :---: |:---:| | 1+ | 8+ | 1+ | 7+ | 3+ | 12+ | 2.1+ | 5+ |