//
// Standardized grid objects.  NOT to be used as classes appended to a block in the HTML.
// Preferred uses include @extend .class; or repurpose the mixin within the class.
//

// 12 col grid support --------------------
@for $i from 1 through 12 {
  %grid_#{$i}of12 {
    @include grid($i, $grid_context: 12);
  }
}

@media #{$tablet_portrait} {
  @for $i from 1 through 10 {
    %grid_#{$i}of10 {
      @include grid($i, $grid_context: 10);
    }
  }
  @for $i from 11 through 12 {
    %grid_#{$i}of10 {
      @include grid(10, $grid_context: 10);
    }
  }
}

@media #{$mobile} {
  @for $i from 1 through 4 {
    %grid_#{$i}of4 {
      @include grid($i, $grid_context: 4);
    }
  }
  @for $i from 5 through 12 {
    %grid_#{$i}of4 {
      @include grid(4, $grid_context: 4);
    }
  }
}



// 12 col Nested grids -----------------------------
@for $v from 1 through 12 {
  @for $i from 1 through $v {
    %grid_#{$i}of#{$v}_nested {
      @include grid($i, $grid_context: $v);
    }
  }
}

// 24 col Nested grids -----------------------------
@for $v from 1 through 24 {
  @for $i from 1 through $v {
    %grid_#{$i}of#{$v}_nested {
      @include grid($i, $grid_context: $v);
    }
  }
}




// push ----------------------
@for $i from 1 through 12 {
  %push_12_#{$i} {
    @include push(12,$i);
  }
}

// suffix ----------------------
@for $i from 1 through 12 {
  %suffix_12_#{$i} {
    @include suffix(12,$i);
  }
}

// prefix ----------------------
@for $i from 1 through 12 {
  %prefix_12_#{$i} {
    @include prefix(12,$i);
  }
}

// push ----------------------
@for $i from 1 through 12 {
  %push_12_#{$i} {
    @include push(12,$i);
  }
}

// pull ----------------------
@for $i from 1 through 12 {
  %pull_12_#{$i} {
    @include pull(12,$i);
  }
}

// alpha / omega ----------------------
%alpha {
  @include alpha;
}

%omega {
  @include omega;
}



// 24 col grid support --------------------
@for $i from 1 through 24 {
  %grid_#{$i}of24 {
    @include grid($i, $grid_context: 24);
  }
}

@media #{$tablet_portrait} {
  @for $i from 1 through 19 {
    %grid_#{$i}of19 {
      @include grid($i, $grid_context: 19);
    }
  }
  @for $i from 20 through 24 {
    %grid_#{$i}of19 {
      @include grid(19, $grid_context: 19);
    }
  }
}

@media #{$mobile} {
  @for $i from 1 through 8 {
    %grid_#{$i}of8 {
      @include grid($i, $grid_context: 8);
    }
  }
  @for $i from 9 through 24 {
    %grid_#{$i}of8 {
      @include grid(8, $grid_context: 8);
    }
  }
}

// Standard layout ----------------------------
%grid_full {
  @include full_width_block(12, $main_grid_align: left);
}

%grid_full_center {
  @include full_width_block(12);
}