Simple grid system

0_simple-grid.scss

.row{
  @for $i from 1 through 12 {
    .grid-#{$i} {
      width: 100% / 12 * $i;
      float: left;
    }
  }
  clear: both
}

1_result.html

<div class="row">
    <div class="grid-6">Column A</div>
    <div class="grid-6">Column B</div>
</div>
<div class="row">
    <div class="grid-4">Column A</div>
    <div class="grid-4">Column B</div>
    <div class="grid-4">Column C</div>
</div>
<div class="row">
    <div class="grid-8">Column B</div>
    <div class="grid-4">Column C</div>
</div>