Multiple Columns with Neat

_columns.scss

$column-num: col !default;

@for $i from 2 through 4 {
  .#{$column-num}-#{$i} {
    overflow: hidden;

    .column {
      @include fill-parent();

      @include media($medium-screen) {
        @include span-columns( (12/$i) of 12);
        @include omega(#{$i}n);
      }
    }
  }
}


/*** Output ***

.col-2 {
  oveflow: hidden;
  
  .column {
    @include fill-parent();
    
      @include media($medium-screen) {
        @include span-columns(6 of 12);
        @include omega(2n);
      }
  }
}

.col-3 {
  oveflow: hidden;
  
  .column {
    @include fill-parent();
    
      @include media($medium-screen) {
        @include span-columns(4 of 12);
        @include omega(3n);
      }
  }
}

.col-4 {
  oveflow: hidden;
  
  .column {
    @include fill-parent();
    
      @include media($medium-screen) {
        @include span-columns(3 of 12);
        @include omega(4n);
      }
  }
}

*************/