/*--------------------------------------------------
    #GRID FLOAT
  --------------------------------------------------*/

// Container Floating Grid
// @include container(); // full for 100%
@mixin container($maxWidth: false) {
  width: 100%;

  // if $maxWidth: true
  @if $maxWidth {
    max-width: $app-max-width;
  } @else {
    max-width: none;
  }

  // Include Clearfix
  @include clearfix();
}



// Cols Floating Grid
//Optional Setting to remove default gutter
//@include cols(x)
@mixin cols($i) {

  // If columns > $app-columns set it to this maximum
  @if $i > $app-columns {
    $i: $app-columns;
  }

  float: left;
  width: ($i / $app-columns * 100%);
}