Sort grid properties following the Specific property sort order. But keep `margin`/`padding` `-left` before `-right` for now.
See : https://gist.github.com/ncoden/
d42f55df7c7970f548a02cd3468f9c86
// To properly nest a column row, padding and margin is removed
.#{$row} .#{$column}.#{$row}.#{$row} {
- padding-left: 0;
- padding-right: 0;
margin-left: 0;
margin-right: 0;
+ padding-left: 0;
+ padding-right: 0;
}
@include -zf-each-breakpoint {
// To properly nest a column row, padding and margin is removed
.row .column.row.row {
- padding-left: 0;
- padding-right: 0;
margin-left: 0;
margin-right: 0;
+ padding-left: 0;
+ padding-right: 0;
}
@include -zf-each-breakpoint {
$gutter: null
) {
& > #{$selector} {
- width: percentage(1/$n);
float: $global-left;
+ width: percentage(1/$n);
// If a $gutter value is passed
@if($gutter) {
/// Reset a position definition.
@mixin grid-column-unposition {
position: static;
+ float: left;
margin-left: 0;
margin-right: 0;
- float: left;
}
/// Offsets a column to the right by `$n` columns.