blocks.scss

@mixin mega-blocks ($width, $columns, $selector) {
  $index: 1;
  $number-of-columns: length($columns);
  width: ($width * $number-of-columns) + 0px;
  position: relative;
  #{$selector} {
    position: absolute;
    width: $width + 0px;
    @for $i from 0 through ( $number-of-columns - 1 ) {
      $rows: nth($columns, $i + 1);
      $height: 100 / $rows;
      @for $j from 0 through ( $rows - 1 ) {
        &:nth-child(#{$index}) {
          top: ( $height * $j ) + 0%;
          left: ( $width * $i ) + 0px;
          height: $height + 0%;
        }
        $index: $index + 1;
      }
    }
  }
}