Sha256: 27bdf97056ceace575abe7ed2cf8a35f32125aee08553bb9d2b452ca6cbc42f0
Contents?: true
Size: 1.33 KB
Versions: 3
Compression:
Stored size: 1.33 KB
Contents
// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
////
/// @group xy-grid
////
/// Collapses the grid a cells within it.
///
/// @param {String} $selector [.cell] - The child element to remove the gutter from.
/// @param {Keyword} $gutter-type [margin] - The type of gutter to remove.
/// @param {List} $gutter-position [right left] - The positions to remove gutters from. Accepts `top`, `bottom`, `left`, `right` in any combination.
@mixin xy-grid-collapse(
$selector: '.cell',
$gutter-type: margin,
$gutter-position: right left
) {
// First, lets negate any margins on the top level
@if ($gutter-type == 'margin') {
@each $value in $gutter-position {
margin-#{$value}: 0;
}
> #{$selector} {
@each $value in $gutter-position {
margin-#{$value}: 0;
}
}
// Output new widths to not include gutters
@each $bp in $breakpoint-classes {
@for $i from 1 through $grid-columns {
// Sizing (percentage)
> .#{$bp}-#{$i} {
@include xy-cell-static($i, $gutter-output: false, $gutter-type: padding);
}
}
}
}
@else {
@each $value in $gutter-position {
margin-#{$value}: 0;
}
> #{$selector} {
@each $value in $gutter-position {
padding-#{$value}: 0;
}
}
}
}
Version data entries
3 entries across 3 versions & 1 rubygems