@import compass/reset.sass
@import compass/utilities.sass
@import yui/modules/base.sass
@import blueprint/modules/grid.sass
@import blueprint/modules/scaffolding.sass

html
  +yui-base

h2
  :margin-top 0
  :border-bottom 2px solid #777

#utilities
  +container

.example
  :border 2px solid #ccc
  :padding 4px

#links
  +column(8)

  .hover a
    +hover-link
  .colored a
    +link-colors(#C00, #C0C, #700, #707, #777)
  .unstyled
    :color #333
    a
      +unstyled-link
.mixin
  :font-family monospace
  :border
    :width 1px
    :style solid
  :border-color #ccc
  :border-color -moz-use-text-color
  :padding 2px
  :line-height 22px
  

#tag-cloud
  +column(8)
  ol
    :margin 0
    +inline-list
    +tag-cloud(1em)
    li
      +no-bullets

#lists
  +column(8, last)
  ul.inline
    +inline-list
  ul.comma-delimited
    +comma-delimited-list
  ol.pretty
    +pretty-bullets(images/blue_arrow.gif, 5px, 7px, 24px)

#tables
  +column(16)
  table.alternating
    :width 100%
    +alternating-rows-and-columns(#F9E5A7,#CEFBB3,#222)