/* Grid
   ========================================================================== */
.container {
  @include container();
}

.container-fluid {
  @include container(true);
}

.grid {
  @include grid();
  @include grid--gutter();
  &__cell {
    @include grid__cell();
    @include grid__cell--gutter();
    @for $i from 1 through $grid-columns {
      &--#{$i} {
        @include grid__cell--size($i);
      }
    }
    &--auto {
      @include grid__cell--auto();
    }
    @each $breakpoint in map_keys($grid-breakpoints) {
      @include media-breakpoint-up($breakpoint) {
        @for $i from 1 through $grid-columns {
          &--#{$breakpoint}-#{$i} {
            @include grid__cell--size($i);
          }
        }
        &--#{$breakpoint}-auto {
          @include grid__cell--auto();
        }
      }
    }
  }
  &--form {
    @include grid--gutter($form-grid-gutter);
    @include grid--no-vertical;
    .grid__cell {
      @include grid__cell--gutter($form-grid-gutter);
      @include grid__cell--no-vertical;
    }
  }
  &--no-vertical {
    @include grid--no-vertical;
    .grid__cell {
      @include grid__cell--no-vertical;
    }
  }
  &--no-gutter {
    @include grid--gutter(0);
    .grid__cell {
      @include grid__cell--gutter(0);
    }
  }
}