List Info

Thread: Sass CSS Reset




Sass CSS Reset
user name
2007-12-30 16:04:14
Hi folks,

I just thought I would share a Sass implementation of the
CSS reset
code I use in a lot of my web development. The original CSS
reset
concept is a compilation from a variety of sources.

CSS resetting is a way to make the typography and the HTML
element
styles uniform across multiple browsers and platforms before
you start
twiddling with your custom design. It assigns uniform and
consistent
styling to the basic HTML elements of a page first. That way
every
page starts with the same basics.

Just save the code below in a separate file as
"reset.sass" and
include it in your pages like any .sass file. Be sure to
include it as
the first stylesheet, before any other .sass files, so it
won't
overwrite any changes you want to make.

Cheers!

-Mike

---- START CODE ----

body, blockquote
  :margin 0
  :padding 0
  :font-size 62.5%
  :background #FFF
  :font-family Arial, verdana, sans-serif
  :color #000
p,em
  :margin 0
  :padding 0
h1, h2, h3, h4, h5, h6
  :margin 0
  :padding 0
  :font-size 100%
a img, iframe
  :border none
ul, ol, dl, li, dt, dd
  :margin 0
  :padding 0
a:focus
  :outline none
form, fieldset
  :margin 0
  :padding 0
fieldset
  :border 1px solid #DDD
legend
  :padding 0
  :color #DDD
input, textarea, select
  :margin 0
  :padding 1px
  :font-size 100%
  :font-family inherit
select
  :padding 0
.clear
  :clear both
.center
  :margin 0px auto
  :text-align center

---- END CODE ----

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "Haml" group.
To post to this group, send email to hamlgooglegroups.com
To unsubscribe from this group, send email to
haml-unsubscribegooglegroups.com
For more options, visit this group at http://grou
ps.google.com/group/haml?hl=en
-~----------~----~----~----~------~----~------~--~---


[1]

about | contact  Other archives ( Real Estate discussion Medical topics )