ruby-loves-sass-gists

gist-1.rb

module Sass::Script::Functions
  def insert_grid(columns, width_string)
    assert_type columns, :Number
    assert_type width_string, :String

    width = width_string.match(/\A(\d+)(\w+)\z/)[1]
    type = width_string.match(/\A(\d+)(\w+)\z/)[2]
    raise StandardError, "You must set width_string with unit ie '960px'. " unless ["px","em", "pt", "%"].include?(type)

    grid, grid_segment_width = "", 0
    columns.times do |col|
      grid += "grid_#{col + 1}: {width:#{grid_segment_width += (width.to_i / columns)}#{type}}\n"
    end
    grid += ".column {margin:0,10px;overflow:hidden;float:left;display:inline;}"

    Sass::Script::String.new(grid)
  end
end

gist-2.sass

    $grid-width: 960px !default;
    $grid-columns: 12 !default;
    @function grid-width($column, $columns: $grid-columns, $width: $grid-width) {
        @return $width / $columns * $column;
    }
    @mixin insert-grid($columns: $grid-columns, $width: $grid-width, $base-class: "column") {
      .#{$base-class} {
        margin:   0 10px;
        overflow: hidden;
        float:    left;
        display:  inline;
      }
    @for $c from 1 through $columns {
      .grid_#{$c} {
        width: grid-width($c, $columns, $width);
        @extend .#{$base-class};
        }
      }
    }
    @include insert-grid;