// GRID
// Wrapper around susy grid


@mixin gridGenerator() {

  // Grid Span
  @include extender(grid, span) {
    @include span(0);
  }
  @include extender(grid, span, 0) {
    @include display(none);
  }
  @for $i from 1 through 12 {
    @include extender(grid, span, $i) {
      width: span($i);
      @include display(block);
    }
  }

}

// Extended Grid
// .example_class {
//   @include xGrid(12,6,3);
// }
@mixin grid($default, $small:null, $medium:null, $large:null, $x-large:null) {

  @if $default {

    @include extend(grid, span, $default);

  }
  @if $small {

    @include media(small) {
      @include extend(grid, span, $small);
    }

  }
  @if $medium {

    @include media(medium) {
      @include extend(grid, span, $medium);
    }

  }
  @if $large {

    @include media(large) {
      @include extend(grid, span, $large);
    }

  }
  @if $x-large {

    @include media(x-large) {
      @include extend(grid, span, $x-large);
    }

  }

}