tiaanduplessis/nanoreset

Minimal CSS reset in less than 500 bytes

Minimal CSS reset in less than 500 bytes

Table of Contents

• Table of Contents
• Background
• Install
• Demo
• Contribute
• License

Background

Nanoreset is an minimal CSS reset intented for modern web apps. It is heavily based on Josh's Custom CSS Reset with slight modifcations for my use cases.

Install

With package manager:

with npm:

npm install nanoreset

with yarn:

yarn add nanoreset

With CDN:

In your HTML:

<link rel="stylesheet" href="https://unpkg.com/nanoreset/nanoreset.min.css">

or directly in your CSS:

@import url('https://unpkg.com/nanoreset/nanoreset.min.css')

Demo

Checkout the demo using HTML5 Test Page.

Contribute

Contributions are welcome. Please open up an issue or create PR if you would like to help out. If editing the README, please conform to the standard-readme specification.

License

Licensed under the MIT License.

nanoreset's Issues

postcss-nanoreset

Something similar to postcss-normalize might be cool 🌮

Remove IE input pseudo-elements

::-ms-clear {
   display: none;
}

::-ms-reveal {
   display: none;
}

cpy-cli should be dev dependency

Make scrollbar always visible

html {
    overflow-y:scroll;
}

Safari line-height bug

palantir/blueprint#351

Add font-smoothing

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

Add disabled rule

:disabled:is(
button,
optgroup,
option,
select,
textarea,
input
) {
  pointer-events: none;
}

https://catalin.red/disabled-form-controls/