A modern, opinionated, hybrid normalize / reset stylesheet for modern browsers (2020+).
- Modern Focus: Targets browsers released 2020 and later.
- Box Sizing: Applies
box-sizing: border-box
intuitively. - Smooth Scrolling: Enables
scroll-behavior: smooth
by default. - Typography:
- Resets heading font sizes (
font-size: inherit
). - Consistent
font-family
forbody
andcode
/pre
. - Improved
abbr[title]
andtext-decoration-skip-ink
.
- Resets heading font sizes (
- Forms (Enhanced Reset):
- Applies
appearance: none
to form elements for a consistent base, requiring custom styling for elements like checkboxes and radios. - Normalizes button appearance and Firefox focus behavior.
- Applies
- Embedded Content: Sensible defaults for
img
,video
,svg
, etc. - Logical Properties: Uses modern logical properties for margins and padding where appropriate.
- Customization: Includes distinct
mark
and::selection
styles.
- Download: Get
normalize-enhanced.css
. - Include: Link it in the
<head>
of your HTML before your project's main stylesheets:<link rel="stylesheet" href="path/to/normalize-enhanced.css">
Contributions, issues, and feature requests are welcome: issues page.
This project is licensed under the MIT License.