Skip to content

Instantly share code, notes, and snippets.

Created December 27, 2012 21:55

Revisions

  1. @invalid-email-address Anonymous created this gist Dec 27, 2012.
    3 changes: 3 additions & 0 deletions gistfile1.rb
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    # In your compass config.rb, add the susy gem path to the requires - adjust for your own paths
    # Require any additional compass plugins here.
    require "/Users/keith/.rvm/gems/ruby-1.9.3-p194/gems/susy-1.0.5/lib/susy.rb"
    26 changes: 26 additions & 0 deletions gistfile2.sass
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    // Cool, then just include it with compass in SASS
    @import 'compass/css3'
    @import 'susy'

    //Do some cool responsive grid shit
    //example pulled from homepage - http://susy.oddbird.net/
    .ag1
    @include span-columns(2,10)
    .ag2
    @include span-columns(6,10)
    .ag3
    @include span-columns(2 omega, 10)
    .ag4
    @include span-columns(3,6)
    .ag5
    @include span-columns(3 omega,6)
    .ag6
    @include span-columns(2,6)
    .ag7
    @include span-columns(4 omega,6)
    .ag8
    @include span-columns(2,4)
    .ag9
    @include span-columns(2 omega,4)
    .ag10
    clear: both