Sha256: ee401e4b370357d26582e03ab5671309ec6c3c701e7ab5e34c7f119f6e1c5315

Contents?: true

Size: 1.23 KB

Versions: 23

Compression:

Stored size: 1.23 KB

Contents

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

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

/// Sizes child elements so that `$n` number of items appear on each row.
///
/// @param {Number} $n - Number of elements to display per row.
/// @param {String} $selector ['.cell'] - Selector(s) to use for child elements.
/// @param {Boolean} $gutter-output [true] - Whether or not to output gutters
/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.
/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin` or `padding`.
/// @param {List} $gutter-position [right left] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination.
/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.
@mixin xy-grid-layout(
  $n,
  $selector: '.cell',
  $gutter-output: true,
  $gutters: $grid-margin-gutters,
  $gutter-type: margin,
  $gutter-position: right left,
  $breakpoint: $-zf-zero-breakpoint,
  $vertical: false
) {
  $size: percentage(1/$n);

  & > #{$selector} {
    @include xy-cell($size, $gutter-output, $gutters, $gutter-type, $gutter-position, $breakpoint, $vertical);
  }
}

Version data entries

23 entries across 23 versions & 4 rubygems

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