Sha256: dddce91dfef3740363cbe16503640569b86a55ef10bca90dd548d572ade815a0
Contents?: true
Size: 1.44 KB
Versions: 22
Compression:
Stored size: 1.44 KB
Contents
// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
////
/// @group xy-grid
////
/// Create gutters for a cell/container.
///
/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.
/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts either 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} $negative [false] - Whether to apply the gutter as a negative value. Commonly used for nested grids.
@mixin xy-gutters(
$gutters: $grid-margin-gutters,
$gutter-type: margin,
$gutter-position: right left,
$negative: false
) {
$operator: if($negative, '-', '');
// If we have declared negative gutters, force type to `margin.
$gutter-type: if($negative, 'margin', $gutter-type);
// Output our margin gutters.
@if (type-of($gutters) == 'map') {
@include -zf-breakpoint-value(auto, $gutters) {
$gutter: rem-calc($-zf-bp-value) / 2;
// Loop through each gutter position
@each $value in $gutter-position {
#{$gutter-type}-#{$value}: #{$operator}$gutter;
}
}
}
@elseif (type-of($gutters) == 'number') {
$gutter: rem-calc($gutters) / 2;
// Loop through each gutter position
@each $value in $gutter-position {
#{$gutter-type}-#{$value}: #{$operator}$gutter;
}
}
}
Version data entries
22 entries across 22 versions & 4 rubygems