// Foundation for Sites by ZURB // foundation.zurb.com // Licensed under MIT Open Source

//// /// @group prototype-sizing ////

/// Responsive breakpoints for spacing classes (margin and padding) /// @type Boolean $prototype-sizing-breakpoints: $global-prototype-breakpoints !default;

/// Map containing all the `sizing` classes /// @type Map $prototype-sizing: (

width,
height

) !default;

/// Map containing all the sizes. /// @type Map $prototype-sizes: (

25: 25%,
50: 50%,
75: 75%,
100: 100%

) !default;

/// Max Width 100 utility. @mixin max-width-100 {

max-width: 100% !important;

}

/// Max Height 100 utility. @mixin max-height-100 {

max-height: 100% !important;

}

@mixin foundation-prototype-sizing {

// Element Sizing
@each $sizing in $prototype-sizing {
  @each $length, $percentage in $prototype-sizes {
    .#{$sizing}-#{$length} {
      #{$sizing}: $percentage !important;
    }
  }
}

// Max width & height
.max-width-100 {
  @include max-width-100;
}
.max-height-100 {
  @include max-height-100;
}

@if ($prototype-sizing-breakpoints) {
  // Loop through Responsive Breakpoints
  @each $size in $breakpoint-classes {
    @include breakpoint($size) {
      @if $size != $-zf-zero-breakpoint {
        @each $sizing in $prototype-sizing {
          @each $length, $percentage in $prototype-sizes {
            .#{$size}-#{$sizing}-#{$length} {
              #{$sizing}: $percentage !important;
            }
          }
        }
      }
    }
  }
}

}