/*--------------------------------------------------
    #GRID FLEX
  --------------------------------------------------*/

// Container Flexbox Grid
// @include container(); // full for 100%
@mixin flexbox($width: max) {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  @if $width != 'full' {
    max-width: $dh-maxWidth;
  }
}

// Shorthand Version
@mixin fb($args...) {
  @include flexbox($args...);
}



// Cols Flexbox Grid
// Optional Setting to remove default gutter
// @include flexcols(x)
@mixin flexcols($i) {
  @if $i > $dh-columns {
    $i: $dh-columns;
  }
  flex: 0 1 ($i / $dh-columns * 100%);
}

// Shorthand Version
@mixin fc($args...) {
  @include flexcols($args...);
}