Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sindresorhus/modern-normalize
🐒 Normalize browsers' default style
https://github.com/sindresorhus/modern-normalize
css css-library css-reset normalize normalize-css npm-package
Last synced: about 1 month ago
JSON representation
🐒 Normalize browsers' default style
- Host: GitHub
- URL: https://github.com/sindresorhus/modern-normalize
- Owner: sindresorhus
- License: mit
- Created: 2018-02-08T05:31:02.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2023-05-15T10:36:20.000Z (over 1 year ago)
- Last Synced: 2024-05-22T18:23:38.411Z (4 months ago)
- Topics: css, css-library, css-reset, normalize, normalize-css, npm-package
- Language: TypeScript
- Homepage:
- Size: 266 KB
- Stars: 5,810
- Watchers: 80
- Forks: 350
- Open Issues: 24
-
Metadata Files:
- Readme: readme.md
- Funding: .github/funding.yml
- License: license
- Security: .github/security.md
Awesome Lists containing this project
- awesome-starred-test - sindresorhus/modern-normalize - 🐒 Normalize browsers' default style (TypeScript)
- awesome - sindresorhus/modern-normalize - 🐒 Normalize browsers' default style (TypeScript)
- Awesome-CSS-Resources - modern-normalize:
- awesome-luooooob - sindresorhus/modern-normalize - 🐒 Normalize browsers' default style (TypeScript)
- fucking-awesome-css-frameworks - Repo
- awesome-web-dev - modern-normalize
- awesome-css-frameworks - Repo
README
## 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
All credit should go to `normalize.css`. I just removed some cruft and added some improvements. 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
```
$ 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
```
## 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
