sanitize.css [][sanitize.css]

Usage

Forms CSS

Assets CSS

Typography CSS

Reduce Motion CSS

System-UI

UI-Monospace

Install

Webpack Usage

What does it do?

Browser support

Differences

Features

Box sizing defaults to border-box

Backgrounds do not repeat by default

Pseudo-elements inherit text decoration and vertical alignment

Cursors only change to hint non-obvious interfaces

Text has a comfortable line height in all browsers

Tabs appear the same on the web as in a typical editor

Words break to prevent overflow

Documents do not use a margin for outer padding

Navigation lists do not include a marker style

Media elements align to the text center of other content

SVGs fallback to the current text color

Tables do not include additional border spacing

Textareas only resize vertically by default

Single taps are dispatched immediately on clickable elements

ARIA roles include visual cursor hints

Visually hidden content remains accessible

Forms

Forms Features

Form controls appear visually consistent and restyle consistently

Expandable select controls appear visually consistent

Placeholders appear visually consistent in Internet Explorer

Assets

Assets Features

Assets use a comfortable measure in all browsers

Typography

Typography Features

Typography uses the default system font

Pre-formatted and code-formatted text uses the monospace system font

Reduce Motion

Reduce Motion Features

Animations, scrolling effects, and transitions are reduced in all browsers

Contributing

Acknowledgements