Contents

//  Layout
//  %body
//    #wrap
//      #header
//      #main.clearfix
//        .g12
//        .g16
//    #footer

/* @import compass/reset.sass
/* +global-reset
@import compass/utilities/general/clearfix.sass

@import 960/grid.sass
@import 960/text.sass
+text

@import _grid.sass
@import _debug.sass
@import _sticky_footer.sass

!background_color = #123
!text_color = #27261f
!footer_height = 3em

body
  :background-color= !background_color
  :color= !text_color

#header, #footer, .g12, .g16
  +grid-container
  +clearfix

.g12
  +grids
  +grid-prefixes
  +grid-suffixes
  +grid-pushs
  +grid-pulls
  +grid-children
  :margin-bottom 20px

.g16
  +grids(16)
  +grid-prefixes(16)
  +grid-suffixes(16)
  +grid-pushs(16)
  +grid-pulls(16)
  +grid-children

#header
  h1
    +grid(12,12)
    :text-align center
    :padding-top 20px
  a
    :color white
    :text-decoration none
    &:hover
      :color white
      :text-decoration none

#main
  h2
    :padding 20px 0px 0px
    :text-align center
  p
    :border 1px solid #666
    :overflow hidden
    :padding 10px 0
    :text-align center
    :margin-bottom 20px

#footer
  p
    +grid(12,12)
    :color white

+sticky-footer(!footer_height, "#wrap", "#main", "#footer")

// Debug
+showgrid(".g12")
+showgrid(".g16", !col_16)

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
rblosxom-0.1.2	public/sass/grid.sass
rblosxom-0.1.1	public/sass/grid.sass
rblosxom-0.1.0	public/sass/grid.sass