Simple SCSS Columns Grid Mixin

columns.scss

@mixin gridColumnSizes($params) {
    $defaults: (
      suffix: '',
      base: ''
    );
    $opts: map-merge($defaults, $params);
    $base: map-get($opts, 'base');
    $suffix: map-get($opts, 'suffix');
    $bs: if($base == '', '', $base + '__');
    $sf: if($suffix == '', '_', '_' + $suffix + '-');
    $col: (100% / 12);
    #{$bs}col#{$sf} {
      @for $i from 1 through 12 {
        &#{$i}-12 { width: $col * $i; }
      }
    }
}

@include gridColumnSizes((base: '.some'));
@include gridColumnSizes((base: '.some', suffix: 'md'));