Sha256: a8279f31edc1b1edf5fa441e701074b19bd5198598b4f77cd7958a67cd35b4db
Contents?: true
Size: 967 Bytes
Versions: 5
Compression:
Stored size: 967 Bytes
Contents
@charset "UTF-8";
/// Creates collapsed grid object that consumes the gutters of its container,
/// for use in nested layouts.
///
/// @group features
///
/// @name Grid collapse
///
/// @argument {map} $grid [$neat-grid]
/// The grid to be used to generate the collapsed container.
/// By default, the global `$neat-grid` will be used.
///
/// @example scss
/// .element {
/// @include grid-collapse;
/// }
///
/// @example css
/// .element {
/// float: left;
/// margin-left: -20px;
/// margin-right: -20px;
/// width: calc(100% + 40px);
/// }
@mixin grid-collapse($grid: $neat-grid) {
$_grid-gutter: _retrieve-neat-setting($grid, gutter);
@if unit($_grid-gutter) == "%" {
@warn "`grid-collapse` is not compatible with percentage based gutters.";
}
margin-#{_neat-float-direction($grid)}: -($_grid-gutter);
margin-#{_neat-opposite-direction($grid)}: -($_grid-gutter);
width: calc(100% + #{($_grid-gutter * 2)});
}
Version data entries
5 entries across 5 versions & 3 rubygems