Skip to content

Instantly share code, notes, and snippets.

@curiouslychase
Last active December 15, 2015 02:09
Show Gist options
  • Save curiouslychase/5184936 to your computer and use it in GitHub Desktop.
Save curiouslychase/5184936 to your computer and use it in GitHub Desktop.
Eric Meyers' CSS Reset v2.0 & Chris Coyier's group clearfix & Paul Irishes box layout model SASSified
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, 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
border: 0
font-size: 100%
font: inherit
vertical-align: baseline
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
display: block
body
line-height: 1
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
.post:after, .group:after, .wrapper:after, .site-header:after
visibility: hidden !important
display: block !important
content: "" !important
clear: both !important
height: 0 !important
* html .group, *:first-child+html .group,
* html .post, *:first-child+html .post,
* html .wrapper, *:first-child+html .wrapper,
* html .site-header, *:first-child+html .site-header
zoom: 1 !important
/* apply a natural box layout model to all elements */
*
-moz-box-sizing: border-box
-webkit-box-sizing: border-box
box-sizing: border-box
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment