Created
March 20, 2019 21:43
-
-
Save taverasmisael/f03de5f3ab0882a5bbefbf826271e181 to your computer and use it in GitHub Desktop.
A complete yet basic but powerful CSS reset by Zell
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* | |
* 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