Simple Grid Mixins.scss

@mixin float {
  display: inline;
  position: relative;
}

@mixin float-left {
  float: left;
  @include float;
}

@mixin float-right {
  float: right;
  @include float;
}

@mixin column($n, $wm: 0) {
  @include float-left;
  width: ($n * 60px + 20px * ($n - 1)) + $wm;
  margin-left: 10px;
  margin-right: 10px;
}

@mixin margin-column($n, $wm: 0) {
  @include float-left;
  width: ($n * 60px + 20px * $n) + $wm;
  margin-left: 0px;
  margin-right: 0px;
}

@mixin push-left($n)  { margin-left:  ($n * 80px + 10px); }
@mixin push-right($n) { margin-right: ($n * 80px + 10px); }
@mixin pull-left($n)  { margin-left:  ($n * 80px + 10px) * -1; }
@mixin pull-right($n) { margin-right: ($n * 80px + 10px) * -1; }