Sha256: cc47781e0a17bcb3243f17e722e4d5bcb1d09a49dcc32da60c6d5aff6e541956

Contents?: true

Size: 913 Bytes

Versions: 23

Compression:

Stored size: 913 Bytes

Contents

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

////
/// @group xy-grid
////

/// Creates a max width container, designed to house your grid content.
///
/// @param {Number} $width [$grid-container] - a width to limit the container to.
@mixin xy-grid-container(
  $width: $grid-container,
  $padding: $grid-container-padding
) {
  @include xy-gutters($gutters: $padding, $gutter-type: padding);

  max-width: $width;
  margin: 0 auto;
}

/// Creates a container for your flex cells.
///
/// @param {Keyword} $direction [horizontal] - Either horizontal or vertical direction of cells within.
/// @param {Boolean} $wrap [true] - If the cells within should wrap or not.
@mixin xy-grid(
  $direction: horizontal,
  $wrap: true
) {
  $direction: if($direction == 'horizontal', row, column);
  $wrap: if($wrap, wrap, nowrap);

  display: flex;
  flex-flow: $direction $wrap;
}

Version data entries

23 entries across 23 versions & 4 rubygems

Version Path
bedrock_sass-0.2.2 assets/_vendor/foundation/scss/xy-grid/_grid.scss
bedrock_sass-0.2.1 assets/_vendor/foundation/scss/xy-grid/_grid.scss
locomotivecms_wagon-2.4.1 generators/foundation/public/stylesheets/foundation6/xy-grid/_grid.scss
bedrock_sass-0.2.0 assets/_vendor/foundation/scss/xy-grid/_grid.scss
locomotivecms_wagon-2.4.0 generators/foundation/public/stylesheets/foundation6/xy-grid/_grid.scss
foundation-rails-6.4.3.0 vendor/assets/scss/xy-grid/_grid.scss
bedrock_sass-0.1.9 assets/_vendor/foundation/scss/xy-grid/_grid.scss
bedrock_sass-0.1.8 assets/_vendor/foundation/scss/xy-grid/_grid.scss
bedrock_sass-0.1.7 assets/_vendor/foundation/scss/xy-grid/_grid.scss
bedrock_sass-0.1.6 assets/_vendor/foundation/scss/xy-grid/_grid.scss
bedrock_sass-0.1.5 assets/_vendor/foundation/scss/xy-grid/_grid.scss
bedrock_sass-0.1.4 assets/_vendor/foundation/scss/xy-grid/_grid.scss
bedrock_sass-0.1.3 assets/_vendor/foundation/scss/xy-grid/_grid.scss
bedrock_sass-0.1.2 assets/_vendor/foundation/scss/xy-grid/_grid.scss
jekyll-theme-foundation-0.3.6 _sass/scss/xy-grid/_grid.scss
jekyll-theme-foundation-0.3.5 _sass/scss/xy-grid/_grid.scss
jekyll-theme-foundation-0.2.5 _sass/scss/xy-grid/_grid.scss
jekyll-theme-foundation-0.2.4 _sass/scss/xy-grid/_grid.scss
jekyll-theme-foundation-0.2.3 _sass/scss/xy-grid/_grid.scss
jekyll-theme-foundation-0.2.2 _sass/scss/xy-grid/_grid.scss