Contents

$ninesixty-gutter-width: 20px !default

$ninesixty-grid-width: 960px !default

$ninesixty-columns: 12 !default

=grid-container
  margin-left: auto
  margin-right: auto
  width: $ninesixty-grid-width

=grid-width($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width)
  width: $ninesixty-grid-width / $cols * $n - $gutter-width

=grid-unit-base($gutter-width: $ninesixty-gutter-width)
  display: inline
  float: left
  margin:
    left: $gutter-width / 2
    right: $gutter-width / 2

=grid($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width)
  +grid-unit-base($gutter-width)
  +grid-width($n, $cols, $gutter-width)

=alpha
  margin-left: 0

=omega
  margin-right: 0

=grids($cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width)
  #{enumerate(".grid", 1, $cols, "_")}
    +grid-unit-base
  @for $n from 1 through $cols
    .grid_#{$n}
      +grid-width($n, $cols, $gutter-width)

=grid-prefix($n, $cols: $ninesixty-columns)
  padding-left: $ninesixty-grid-width / $cols * $n

=grid-prefixes($cols: $ninesixty-columns)
  @for $n from 1 through $cols - 1
    .prefix_#{$n}
      +grid-prefix($n, $cols)

=grid-suffix($n, $cols: $ninesixty-columns)
  padding-right: $ninesixty-grid-width / $cols * $n

=grid-suffixes($cols: $ninesixty-columns)
  @for $n from 1 through $cols - 1
    .suffix_#{$n}
      +grid-suffix($n, $cols)

=grid-children
  .alpha
    +alpha
  .omega
    +omega

=grid-system($cols: $ninesixty-columns)
  +grid-container
  +grids($cols)
  +grid-prefixes($cols)
  +grid-suffixes($cols)
  +grid-children

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
compass-960-plugin-0.9.13	stylesheets/960/_grid.sass
compass-960-plugin-0.9.12	stylesheets/960/_grid.sass