Skip to content

Instantly share code, notes, and snippets.

@taverasmisael
Created March 20, 2019 21:43
Show Gist options
  • Save taverasmisael/f03de5f3ab0882a5bbefbf826271e181 to your computer and use it in GitHub Desktop.
Save taverasmisael/f03de5f3ab0882a5bbefbf826271e181 to your computer and use it in GitHub Desktop.
A complete yet basic but powerful CSS reset by Zell
/*
*
* Made a gist from amazing article by Zell
* @url: https://zellwk.com/blog/css-reset/
*
*/
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
/* Reset margins and paddings on most elements */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
pre,
blockquote,
figure,
hr {
margin: 0;
padding: 0;
}
/* Removes discs from ul */
ul {
list-style: none;
}
input,
textarea,
select,
button {
color: inherit;
font: inherit;
letter-spacing: inherit;
}
input,
textarea,
button {
border: 1px solid gray;
}
button {
border-radius: 0;
padding: 0.75em 1em;
background-color: transparent;
}
button * {
pointer-events: none;
}
embed,
iframe,
img,
object,
video {
display: block;
max-width: 100%;
}
table {
table-layout: fixed;
width: 100%;
}
[hidden] {
display: none !important;
}
/* noscript styles */
noscript {
display: block;
margin-bottom: 1em;
margin-top: 1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment