Sass version of Eric Meyer's Reset

Here's a Sass version of Eric Meyer's CSS reset (the "Resetting Again" version).

// 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, font, 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
  :margin 0
  :padding 0
  :border 0
  :outline 0
  :font-size 100%
  :vertical-align baseline
  :background transparent

body
  :line-height 1

ol, ul
  :list-style none

blockquote, q
  :quotes none

// remember to define focus styles!
\:focus 
  :outline 0

// remember to highlight inserts somehow!
ins
  :text-decoration none

del
  :text-decoration line-through

// tables still need 'cellspacing="0"' in the markup
table
  :border-collapse collapse
  :border-spacing 0

Just drop this into the top of your application.sass file, and you're good to go!

June 13, 2008

Comments

Douglas Jarquin June 13, 2008

Thank you for the reminder. I keep forgetting to include the reset styles in my SASS. By the way, if you are a TextMate fan checkout the Ruby Sass bundle on GitHub.

Patrick Crowley June 21, 2008

Thanks, Douglas. The extra snippets are pretty handy!

New comments are disabled right now. Once we finish migrating this blog, we'll restore them.