Sha256: 6b96c54b08186604ff867ed3fa43bbeb1cf20cdd800f9d01c3746b9beb1990db

Contents?: true

Size: 1.94 KB

Versions: 29

Compression:

Stored size: 1.94 KB

Contents

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

////
/// @group prototype-overflow
////

/// Responsive breakpoints for overflow helper classes
/// @type Boolean
$prototype-overflow-breakpoints: $global-prototype-breakpoints !default;

/// Map containing all the `overflow` classes
/// @type Map
$prototype-overflow: (
  visible,
  hidden,
  scroll
) !default;

/// Overflow classes, by default coming through a map `$prototype-overflow`
/// @param {String} $overflow [] Overflow classes
@mixin overflow($overflow) {
  overflow: $overflow !important;
}

/// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow`
/// @param {String} $overflow [] Overflow classes (horizontal axis)
@mixin overflow-x($overflow) {
  overflow-x: $overflow !important;
}

/// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow`
/// @param {String} $overflow [] Overflow classes (vertical axis)
@mixin overflow-y($overflow) {
  overflow-y: $overflow !important;
}

@mixin foundation-prototype-overflow {
  @each $overflow in $prototype-overflow {
    .overflow-#{$overflow} {
      @include overflow($overflow);
    }
    .overflow-x-#{$overflow} {
      @include overflow-x($overflow);
    }
    .overflow-y-#{$overflow} {
      @include overflow-y($overflow);
    }
  }

  @if ($prototype-overflow-breakpoints) {
    // Loop through Responsive Breakpoints
    @each $size in $breakpoint-classes {
      @include breakpoint($size) {
        @each $overflow in $prototype-overflow {
          @if $size != $-zf-zero-breakpoint {
            .#{$size}-overflow-#{$overflow} {
              @include overflow($overflow);
            }
            .#{$size}-overflow-x-#{$overflow} {
              @include overflow-x($overflow);
            }
            .#{$size}-overflow-y-#{$overflow} {
              @include overflow-y($overflow);
            }
          }
        }
      }
    }
  }
}

Version data entries

29 entries across 29 versions & 4 rubygems

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