grid.scss

//---------------------------
// Grid object
//---------------------------

$__col-values: (4, 6, 8, 9, 12);

@media #{$breakpoint-sm} {
  @each $size in $__col-values {
    .col-#{$size}--sm {
      width: ($size/12 * 100%);
    }
  }
}

@media #{$breakpoint-ns} {
  @each $size in $__col-values {
    .col-#{$size}--ns {
      width: ($size/12 * 100%);
    }
  }
}