Sha256: 800770516dbdbe2b282fc52cbdcb92a56b211839e716e3a665fdbf296ca962f4

Contents?: true

Size: 881 Bytes

Versions: 26

Compression:

Stored size: 881 Bytes

Contents

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

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

/// Offsets a column to the right/bottom by `$n` columns.
///
/// @param {Number|List} $n - Size to offset by. You can pass in any value accepted by the `zf-cell()` mixin, such as `6`, `50%`, or `1 of 2`.
/// @param {Boolean} $vertical [false] Sets the direction of the offset. If set to true will apply margin-top instead.
@mixin xy-cell-offset(
 $n,
 $gutters: $grid-margin-gutters,
 $gutter-type: margin,
 $breakpoint: $-zf-zero-breakpoint,
 $vertical: false
) {
  $direction: if($vertical, 'top', $global-left);

  @include -zf-breakpoint-value($breakpoint, $gutters) {
    $gutter: rem-calc($-zf-bp-value) / 2;
    $size: if($gutter-type == 'margin', calc(#{xy-cell-size($n)} + #{$gutter}), #{xy-cell-size($n)});

    margin-#{$direction}: #{$size};
  }
}

Version data entries

26 entries across 26 versions & 4 rubygems

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