@import "map-to-vars";
@import "init";
@import "functions";
@import "grid-settings";
@import "grid-modifiers";
@import "iprox";
@import "horizontal-mixin";
@import "debug-colors";
@import "grid-nesting";

@each $viewport in map-get($baseline, viewports) {

  @if (map-has-key($viewport, min) and map-has-key($viewport, max)) {
    $min: map-get($viewport, min);
    $max: breakpoint-max(map-get($viewport, max));
    $fluid: map-get($viewport, fluid);
    $override-width: map-get($viewport, override-container);

    @media screen and (min-width: $min) and (max-width: $max) {
      $current-columns: map-get($viewport, columns);
      @if $fluid == true {
        $wrapper-width: 100%;
        $container-width: 100%;
      }
      @else if $fluid == false {
        @if $override-width > 0 {
          $container-width: $override-width;
          $wrapper-width: $container-width + $container-gutter * 2;
        }
        @else {
          $container-width: $current-columns * $column-width;
          $wrapper-width: $container-width + $container-gutter * 2;
        }
      }
      @import "viewport-logic";
    }
  }
  @else if (map-has-key($viewport, max)) {
    $max: breakpoint-max(map-get($viewport, max));
    $fluid: map-get($viewport, fluid);
    $override-width: map-get($viewport, override-container);

    @media screen and (max-width: $max) {
      $current-columns: map-get($viewport, columns);

      @if $fluid == true {
        $wrapper-width: 100%;
        $container-width: 100%;
      }
      @else if $fluid == false {
        @if $override-width > 0 {
          $container-width: $override-width;
          $wrapper-width: $container-width + $container-gutter * 2;
        }
        @else {
          $container-width: $current-columns * $column-width;
          $wrapper-width: $container-width + $container-gutter * 2;
        }
      }
      @import "viewport-logic";
    }
  }
  @else if (map-has-key($viewport, min)) {
    $min: map-get($viewport, min);
    $fluid: map-get($viewport, fluid);
    $override-width: map-get($viewport, override-container);

    @media screen and (min-width: $min) {
      $current-columns: map-get($viewport, columns);

      @if $fluid == true {
        $wrapper-width: 100%;
        $container-width: 100%;
      }
      @else if $fluid == false {
        @if $override-width > 0 {
          $container-width: $override-width;
          $wrapper-width: $container-width + $container-gutter * 2;
        }
        @else {
          $container-width: $current-columns * $column-width;
          $wrapper-width: $container-width + $container-gutter * 2;
        }
      }
      @import "viewport-logic";
      @import "large-logic";
    }
  }
}