Level provides a lightweight, consistent foundation for mobile stylesheets. It is a subset of normalize.css with a few additions, such as box-sizing: border-box by default.
- Bower:
bower install --save mobify/level
Assuming bower_components is a Sass load path: @import level/level;. Adaptive projects are set up this way by default.
No other styles should come before Level in compiled css.
- Preserves useful defaults, unlike many CSS resets.
- Normalizes styles for a wide range of elements.
- Corrects bugs and common browser inconsistencies.
- Improves usability with subtle improvements.
- Adds some styles that are defacto standards, such as border-box.
- Explains what code does using detailed comments.
- Chrome (latest)
- Mozilla Firefox (latest)
- iOS Safari 6+
IE Mobile is not currently supported, but can be manually added by adding IE10+ styles from Normalize.css. PRs to add support behind a configurable Sass variable are welcome.
Normalize.css is a project by Nicolas Gallagher, co-created with Jonathan Neal.