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.
npm i no-sheet-reset --save
/**
* 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;
}