g-make

$grid-columns-default: 12 !default;

@mixin g-row($margin: 0) {
  @include clearfix;
  @if $margin != 0 {
    margin-left: -$margin;
  }
}

@mixin g-columns($columns, $margin: 0, $grid-columns: $grid-columns-default, $method: full) {
  @if $method != only-common {
    width: $columns / $grid-columns * 100%;
  }
  @if $method != only-width {
    float: left;
    @if $margin != 0 {
      @include bx-sz();
      border-left: $margin solid transparent;
    }
  }
}

@mixin g-push($columns, $grid-columns: $grid-columns-default) {
  position: relative;
  left: $columns / $grid-columns * 100%;
}

@mixin g-pull($columns, $grid-columns: $grid-columns-default) {
  position: relative;
  right: $columns / $grid-columns * 100%;
}

@mixin g-make($margin: 0, $prefix: '', $grid-columns: $grid-columns-default ) {
  .g#{$prefix}-row {
    @include g-row($margin);
  }
  $s: ();
  @for $columns from 1 through ($grid-columns - 1) {
    .g#{$prefix}-columns-#{$columns} {
      @include g-columns($columns, $margin, $grid-columns, only-width);
      $s: $s, unquote('.g#{$prefix}-columns-#{$columns}');
    }
  }
  #{$s} { @include g-columns(0, $margin, $grid-columns, only-common); }
  .g#{$prefix}-column-first, .g#{$prefix}-columns-#{$grid-columns} { clear: left; }
}


@include breakpoint(desk) {
  @include g-make(2em, '-desk', 12);
}