35 lines
1 KiB
SCSS
35 lines
1 KiB
SCSS
|
// Foundation for Sites by ZURB
|
||
|
|
// foundation.zurb.com
|
||
|
|
// Licensed under MIT Open Source
|
||
|
|
|
||
|
|
////
|
||
|
|
/// @group grid
|
||
|
|
////
|
||
|
|
|
||
|
|
/// Collapse the gutters on a column by removing the padding. **Note:** only use this mixin within a breakpoint. To collapse a column's gutters on all screen sizes, use the `$gutter` parameter of the `grid-column()` mixin instead.
|
||
|
|
@mixin grid-column-collapse {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/// Un-collapse the gutters on a column by re-adding the padding.
|
||
|
|
///
|
||
|
|
/// @param {Number} $gutter [$grid-column-gutter] - Spacing between columns.
|
||
|
|
@mixin grid-column-uncollapse($gutter: $grid-column-gutter) {
|
||
|
|
$gutter: rem-calc($gutter) / 2;
|
||
|
|
padding-left: $gutter;
|
||
|
|
padding-right: $gutter;
|
||
|
|
}
|
||
|
|
|
||
|
|
/// Shorthand for `grid-column-collapse()`.
|
||
|
|
/// @alias grid-column-collapse
|
||
|
|
@mixin grid-col-collapse {
|
||
|
|
@include grid-column-collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
/// Shorthand for `grid-column-uncollapse()`.
|
||
|
|
/// @alias grid-column-uncollapse
|
||
|
|
@mixin grid-col-uncollapse($gutter: $grid-column-gutter) {
|
||
|
|
@include grid-column-uncollapse($gutter);
|
||
|
|
}
|