mirror of
https://github.com/jgthms/minireset.css.git
synced 2024-10-22 22:31:05 +08:00
41 lines
1.9 KiB
Markdown
41 lines
1.9 KiB
Markdown
# minireset.css
|
|
|
|
[![npm](https://img.shields.io/npm/v/minireset.css.svg)](https://www.npmjs.com/package/minireset.css)
|
|
[![npm](https://img.shields.io/npm/dm/minireset.css.svg)](https://www.npmjs.com/package/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](https://raw.githubusercontent.com/jgthms/minireset.css/master/minireset.min.css)
|
|
|
|
```sh
|
|
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](https://lit-element.polymer-project.org/) projects (recommended for Web Component projects based on LitElement)
|
|
|
|
## CDN
|
|
|
|
[GitHub CDN for minireset.min.css](https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/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](https://github.com/jgthms/minireset.css/blob/master/LICENSE).
|