Skip to content

Instantly share code, notes, and snippets.

@ah450
Last active August 30, 2015 05:13
Show Gist options
  • Save ah450/983d03e37f2038bc946f to your computer and use it in GitHub Desktop.
Save ah450/983d03e37f2038bc946f to your computer and use it in GitHub Desktop.
Based on meyer's reset
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, input, a:link,
a:visited, a:hover, a:active, button, button:active,
:focus {
margin: 0;
padding: 0;
font-size: 10px;
vertical-align: baseline;
border: none;
outline: none;
font: inherit;
color: inherit;
// Apparently these don't get overriden
// by the presense of standard margin and padding values
// on all version of Chrome. So maybe also FF?
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-margin-after: 0;
-webkit-margin-before: 0;
-webkit-padding-before: 0;
-webkit-padding-after: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-moz-margin-start: 0;
-moz-margin-end: 0;
-moz-padding-start: 0;
-moz-padding-end: 0;
}
//stupid firefox
::-moz-focus-inner {
outline: none;
border: none;
padding: 0;
margin: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html, body {
width: 100%;
font-size: 10px;
z-index: 0;
}
a,
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
}
button:hover {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
display: block;
}
h1 {
font-size: 4em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.17em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: .8em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment