Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

/*------------------------------------*\
    $GRID
\*------------------------------------*/



.grid {
    display:table;
    border-collapse: collapse;
    width:100%;
    [class^="col-"] {
        display: table-cell;
        border:1px solid black;
    }
}
$espacios : 4;

@for $i from 1 through $espacios {
    .col-#{$i} {
        width:(100 / (($espacios * 2) / $i)) *1%;
    }
  }

SassMeister-output.css

/*------------------------------------*\
    $GRID
\*------------------------------------*/
.grid {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.grid [class^="col-"] {
  display: table-cell;
  border: 1px solid black;
}

.col-1 {
  width: 12.5%;
}

.col-2 {
  width: 25%;
}

.col-3 {
  width: 37.5%;
}

.col-4 {
  width: 50%;
}