@mixin grid-wrapper {
  max-width: $wrapper-width;
}

@mixin grid-container {
  max-width: $container-width;
}

@mixin grid-blok($block-column, $zone-columns) {
  $width: min(100%, percentage($block-column / $zone-columns));

  @if $gutter > 0 {
    width: calc(#{$width} - #{$gutter * 2});
  }
  @else {
    width: $width;
  }
}

@mixin grid-nesting($block-column, $zone-columns) {
  > .grid-element > .grid-edge > .grid-nesting > .grid-blok.grid_#{$block-column},
  > .grid-element > .grid-edge > .grid-nesting > * > .grid-blok.grid_#{$block-column} {
    $width: min(100%, percentage($block-column / $zone-columns));

    @if $gutter > 0 {
      width: calc(#{$width} - #{$gutter * 2});
    }
    @else {
      width: $width;
    }
  }
}

// Source: http://nicolasgallagher.com/micro-clearfix-hack/
@mixin clearfix {
  &::before,
  &::after {
    content: " ";
    display: table;
  }

  &::after {
    clear: both;
  }
}

// Based on: https://github.com/twbs/bootstrap/commit/93f51eb0e9c178ab7fb6399c21e3b0e7ba2ed792
@function breakpoint-max($value) {
  @return if($value and $value > 0, $value + .98, null);
}