Skip to content

Instantly share code, notes, and snippets.

@beatrizsmerino
Last active June 4, 2020 14:01
Show Gist options
  • Save beatrizsmerino/172b3211c668a9badc0c2aad10360f52 to your computer and use it in GitHub Desktop.
Save beatrizsmerino/172b3211c668a9badc0c2aad10360f52 to your computer and use it in GitHub Desktop.
Reset css
*,
&:after,
&:before {
margin: 0;
padding: 0;
border-box: box-sizing;
font-family: sans-serif;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
}
*:focus {
outline: 0;
}
html {
font-size: 65%;
}
body {
font-size: 10px;
}
/** FONT **/
/**************************************************/
textarea,
address {
font-style: normal;
}
/** TEXT **/
/**************************************************/
a,
span {
display: inline-block;
}
a {
text-decoration: none;
outline: none;
}
p:only-child {
margin: 0;
}
p:not(:last-child) {
margin-bottom: 10px;
}
table {
width: 100%;
}
/** IMAGE **/
/**************************************************/
img {
width: 100%;
font-style: italic;
vertical-align: middle;
display: block;
}
/** FORM **/
/**************************************************/
input,
button,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
input,
select,
textarea {
border-radius: 0;
outline: none;
}
textarea {
min-height: 150px;
display: inherit;
resize: vertical;
}
input[type="submit"],
input[type="reset"] {
cursor: pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment