_grid.scss

@if $border-box-sizing == true {
  * {
    @include box-sizing(border-box);
  }
}

$fg-column: $column;
$fg-gutter: $gutter;
$fg-max-columns: $grid-columns;
$fg-max-width: $max-width;

// outer wrapper center container
@mixin outer-container() {
  @include clearfix;
  max-width: $fg-max-width;
  text-align: left;
  margin: {
    left: auto;
    right: auto;
  }
}

// Grid span columns
@mixin span-columns($span: $columns of $container-columns, $display: block) {

  $columns: nth($span, 1);
  $container-columns: container-span($span);

  @if $display == table {
    display: table-cell;
    padding-right: flex-gutter($container-columns);
    width: flex-grid($columns, $container-columns) + flex-gutter($container-columns);

    &:last-child {
      padding-right: 0;
    }
  }

  @else if $display == inline-block {
    @include inline-block;
    margin-right: flex-gutter($container-columns);
    width: flex-grid($columns, $container-columns);

    &:last-child {
      margin-right: 0;
    }
  }

  @else {
    display: block;
    float: left;
    margin-right: flex-gutter($container-columns);
    width: flex-grid($columns, $container-columns);

    &:last-child {
      margin-right: 0;
    }
  }
}

// Clearfix / row container
@mixin row($display: block) {
  @include clearfix;
  @if $display == table {
    display: table;
  }

  @else {
    display: block;
  }
}

// Shift
@mixin shift($n-columns: 1) {
  margin-left: $n-columns * flex-grid(1) + $n-columns * flex-gutter();
}


// Pad
@mixin pad($padding: flex-gutter()) {
  padding: $padding;
}

// Remove element gutter
@mixin omega($display: block, $direction: right) {
  @if $display == table {
    padding-#{$direction}: 0;
  }

  @else {
    margin-#{$direction}: 0;
  }
}

@mixin nth-omega($nth, $display: block, $direction: right) {
  @if $display == table {
    &:nth-child(#{$nth}) {
      padding-#{$direction}: 0;
    }
  }

  @else {
    &:nth-child(#{$nth}) {
      margin-#{$direction}: 0;
    }
  }
}

// Fill 100% of parent
@mixin fill-parent() {
  width: 100%;

  @if $border-box-sizing == false {
    @include box-sizing(border-box);
  }
}

// Breakpoints
@mixin breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {

  @if length($query) == 1 {
    @media screen and ($default-feature: nth($query, 1)) {
      $default-grid-columns: $grid-columns;
      $grid-columns: $total-columns;
      @content;
      $grid-columns: $default-grid-columns;
    }
  }

  @else if length($query) == 2 {
    @media screen and (nth($query, 1): nth($query, 2)) {
      $default-grid-columns: $grid-columns;
      $grid-columns: $total-columns;
      @content;
      $grid-columns: $default-grid-columns;
    }
  }

  @else if length($query) == 3 {
    @media screen and (nth($query, 1): nth($query, 2)) {
      $default-grid-columns: $grid-columns;
      $grid-columns: nth($query, 3);
      @content;
      $grid-columns: $default-grid-columns;
    }
  }

  @else {
    @warn "Wrong number of arguments for breakpoint(). Read the documentation for more details.";
  }
}