Sha256: 2e855007d644c24afe264df2f14acdb3ea69524ab09052ff8a905d59fa9fe30e

Contents?: true

Size: 1.51 KB

Versions: 29

Compression:

Stored size: 1.51 KB

Contents

// 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;
              }
            }
          }
        }
      }
    }
  }
}

Version data entries

29 entries across 29 versions & 4 rubygems

Version Path
bedrock_sass-0.2.2 assets/_vendor/foundation/scss/prototype/_sizing.scss
foundation-rails-6.6.1.0 vendor/assets/scss/prototype/_sizing.scss
foundation-rails-6.5.3.0 vendor/assets/scss/prototype/_sizing.scss
bedrock_sass-0.2.1 assets/_vendor/foundation/scss/prototype/_sizing.scss
foundation-rails-6.5.1.0 vendor/assets/scss/prototype/_sizing.scss
locomotivecms_wagon-2.4.1 generators/foundation/public/stylesheets/foundation6/prototype/_sizing.scss
bedrock_sass-0.2.0 assets/_vendor/foundation/scss/prototype/_sizing.scss
locomotivecms_wagon-2.4.0 generators/foundation/public/stylesheets/foundation6/prototype/_sizing.scss
foundation-rails-6.4.3.0 vendor/assets/scss/prototype/_sizing.scss
bedrock_sass-0.1.9 assets/_vendor/foundation/scss/prototype/_sizing.scss
bedrock_sass-0.1.8 assets/_vendor/foundation/scss/prototype/_sizing.scss
bedrock_sass-0.1.7 assets/_vendor/foundation/scss/prototype/_sizing.scss
bedrock_sass-0.1.6 assets/_vendor/foundation/scss/prototype/_sizing.scss
bedrock_sass-0.1.5 assets/_vendor/foundation/scss/prototype/_sizing.scss
bedrock_sass-0.1.4 assets/_vendor/foundation/scss/prototype/_sizing.scss
bedrock_sass-0.1.3 assets/_vendor/foundation/scss/prototype/_sizing.scss
bedrock_sass-0.1.2 assets/_vendor/foundation/scss/prototype/_sizing.scss
foundation-rails-6.4.1.3 vendor/assets/scss/prototype/_sizing.scss
jekyll-theme-foundation-0.3.6 _sass/scss/prototype/_sizing.scss
jekyll-theme-foundation-0.3.5 _sass/scss/prototype/_sizing.scss