Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

// Easy-peasy  grids

$cols: 12;
$gutter: 1%;
$name: col;

%cols {
  float: left;
  @if $gutter != 0 {
    margin: $gutter / 2;
  }
}

@for $i from 1 through $cols {
  .#{$name}-#{$i} {
  @extend %cols;
  width:( (100% / $cols) * $i) - $gutter;
}
}

SassMeister-output.css

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left;
  margin: 0.5%;
}

.col-1 {
  width: 7.33333%;
}

.col-2 {
  width: 15.66667%;
}

.col-3 {
  width: 24%;
}

.col-4 {
  width: 32.33333%;
}

.col-5 {
  width: 40.66667%;
}

.col-6 {
  width: 49%;
}

.col-7 {
  width: 57.33333%;
}

.col-8 {
  width: 65.66667%;
}

.col-9 {
  width: 74%;
}

.col-10 {
  width: 82.33333%;
}

.col-11 {
  width: 90.66667%;
}

.col-12 {
  width: 99%;
}