Skip to content

gotbahn/no-sheet-reset

Repository files navigation

npm Travis David npm npm

No Sheet Reset

Start from a scratch. Full CSS reset.

Please be aware of what you're doing and use it wisely. No Sheet Reset clears almost all user agent styles. Your users would not be able to see tab highlights, validation errors, lists markers, etc. unless you provide it back.

Changes default box-sizing behaviour.

Install

npm

npm i no-sheet-reset --save

raw file

index.css

/**
 * https://github.com/godban/no-sheet-reset
 * v2.0.0 | 18.03.2018
 * License: MIT
*/
*,
*::after,
*::before {
  box-sizing: inherit;
}

* {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  box-sizing: border-box;
}

li {
  list-style-type: none;
}

a {
  text-decoration: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}