modernize

normalize.css with useful defaults for modern browsers.

Installation

npm install modernize

Usage

Import in HTML:

<link href="https://cdn.jsdelivr.net/npm/modernize" rel="stylesheet">

Webpack

Import in JS:

import 'modernize';

or import in CSS or Sass:

@import 'modernize';

What does it do?

• Normalizes styles for a wide range of elements
• Corrects bugs and common browser inconsistencies
• Provides common, useful defaults
• Explains what code does using detailed comments

Browser support

• Chrome (latest)
• Edge (latest)
• Firefox (latest)
• Opera (latest)
• Safari (latest)

Differences from normalize.css

• Includes latest styles from csstools/normalize.css
• Includes and marks opinionated styles from necolas/normalize.css
• Adds useful defaults such as box-sizing: border-box
• Uses system fonts
• Drops support for Internet Explorer