quick css grid in sass

cssgrid.scss

/* 
  Usage:
  
  <div class="span-6">Lorem</div><div class="span-6 last">Ipsum</div>
  <div class="span-3">Dolor</div><div class="span-6">Sit</div><div class="span-3 last">Amet</div>
  
*/

$gridColumnWidth: 60px;
$gridGutterWidth: 20px;
$gridColumnCount: 12;

#{enumerate(".span", 1, $gridColumnCount)} {
  float: left;
  margin-right: $gridGutterWidth;
}

@for $i from 1 through $gridColumnCount {
  .span-#{$i} {
    width: (($gridColumnWidth * $i) + ($gridGutterWidth * ($i - 1)));
    @if $i == $gridColumnCount {
      margin-right: 0;
    } 
  }
}

.last {
  margin-right: 0;
}