<div align="center">
<img src="media/logo.svg" alt="modern-normalize">
<br>
<br>
</div>
## Differences from [`normalize.css`](https://github.com/necolas/normalize.css)
- Smaller
- Includes only normalizations for the latest Chrome, Firefox, and Safari
- [Sets `box-sizing: border-box`](https://www.paulirish.com/2012/box-sizing-border-box-ftw/)
- [Improves consistency of default fonts](https://github.com/sindresorhus/modern-normalize/issues/3)
- [Sets a more readable tab size](https://github.com/sindresorhus/modern-normalize/issues/17)
- Fully tested
- Maintained
If you have questions about the source, check out the [original source](https://github.com/necolas/normalize.css/blame/master/normalize.css) and [this](https://github.com/necolas/normalize.css#extended-details-and-known-issues) for details.
[**The goal of this project is to make itself obsolete.**](https://github.com/sindresorhus/modern-normalize/issues/2)
## Browser support
- Latest Chrome
- Latest Firefox
- Latest Safari
## Install
```sh
npm install modern-normalize
```
###### Download
- [Normal](https://cdn.jsdelivr.net/npm/modern-normalize/modern-normalize.css)
- [Minified](https://cdn.jsdelivr.net/npm/modern-normalize/modern-normalize.min.css)
###### CDN
- [jsdelivr](https://www.jsdelivr.com/package/npm/modern-normalize)
- [unpkg](https://unpkg.com/modern-normalize)
- [cdnjs](https://cdnjs.com/libraries/modern-normalize)
## Usage
```css
@import 'node_modules/modern-normalize/modern-normalize.css';
```
or
```html
<link rel="stylesheet" href="node_modules/modern-normalize/modern-normalize.css">
```
## FAQ
### Can you provide Sass, Less, etc, ports?
There's absolutely no reason to have separate ports for these. They are just CSS supersets and can import CSS directly.
## Related
- [sass-extras](https://github.com/sindresorhus/sass-extras) - Useful utilities for working with Sass