minireset.css

A tiny modern CSS reset that covers the basics:

• resets the font sizes: so that using semantic markup doesn't affect the styling
• resets the block margins: so that the spacing is only applied when you need it
• resets tables: so that tabular data only takes the space it needs
• preserves the inline paddings: so that buttons and inputs keep their default layout
• sets the border-box box sizing: so that borders and paddings don't affect the set dimensions
• sets responsive media elements: so that images and embeds scale with the browser width

Download/Install

Download the latest version

npm install minireset.css

Or clone the repo.

Options

It will be available in your modules directory in /node_modules/minireset.css/:

• minireset.css: CSS rules
• minireset.min.css: minified CSS rules (recommended for production sites)
• minireet.sass: CSS rules written in SASS (recommended for SCSS/SASS projects)
• minireset.css.lit.js: CSS rules exported as a CSSResult object for LitElement projects (recommended for Web Component projects based on LitElement)

CDN

GitHub CDN for minireset.min.css

<p>Browser testing via <a href="https://www.lambdatest.com/" target="_blank"><img src="https://www.lambdatest.com/support/img/logo.svg" style="vertical-align: middle;margin-left:5px" width="147" height="26" /></a></p>

Copyright and license

Code copyright 2019 Jeremy Thomas. Code released under the MIT license.