Contents

// Foundation for Sites
// https://get.foundation
// 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;
              }
            }
          }
        }
      }
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
foundation-rails-6.9.0.0	vendor/assets/scss/prototype/_sizing.scss
foundation-rails-6.6.2.0	vendor/assets/scss/prototype/_sizing.scss