/* Смещение колонок */

/*
  Смещает колонку в строке на $offset - целое число колонок, вправо - $direction: right или влево - $direction: left.
  Если в качестве второго аргумента передано значение auto, колонка смещается на свободное пространство в ту или иную
  сторону. Если значение аргумента $breakpoint соответствует одному из имен ключей глобального объекта $grid-breakpoints,
  правила применяются в соответствующем медиазапросе.
*/
@mixin offset($direction: right, $offset: auto, $breakpoint: null) {
  @if (map_has_key($grid-breakpoints, $breakpoint)) {
    @media screen and (#{$media-query}-width: map_get($grid-breakpoints, $breakpoint)) {
      @if ($offset == auto) {
        @if ($direction == right) {
          margin-left: auto !important;
          margin-right: $h-gutter / 2 !important;
        } @else if ($direction == left) {
          margin-right: auto !important;
          margin-left: $h-gutter / 2 !important;
        } @else {
          margin-left: auto !important;
          margin-right: $h-gutter / 2 !important;
        }
      } @else if (type_of($offset) == number) {
        @if ($offset > $columns) {
          $offset: $columns;
        }

        @if ($offset < 1) {
          $offset: 1;
        }

        @if ($direction == right) {
          margin-left: calc(100% / #{$columns} * #{$offset} + #{$h-gutter} / 2) !important;
        } @else if ($direction == left) {
          margin-right: calc(100% / #{$columns} * #{$offset} + #{$h-gutter} / 2) !important;
        }
      }
    }
  } @else {
    @if ($offset == auto) {
      @if ($direction == right) {
        margin-left: auto !important;
        margin-right: $h-gutter / 2 !important;
      } @else if ($direction == left) {
        margin-right: auto !important;
        margin-left: $h-gutter / 2 !important;
      } @else {
        margin-left: auto !important;
        margin-right: $h-gutter / 2 !important;
      }
    } @else if (type_of($offset == number)) {
      @if ($offset > $columns) {
        $offset: $columns;
      }

      @if ($offset < 1) {
        $offset: 1;
      }

      @if ($direction == right) {
        margin-left: calc(100% / #{$columns} * #{$offset} + #{$h-gutter} / 2) !important;
      } @else if ($direction == left) {
        margin-right: calc(100% / #{$columns} * #{$offset} + #{$h-gutter} / 2) !important;
      }
    }
  }

}