assets/stylesheets/settings/mixins/_grids.css.sass in middleman-oulu-0.5.27 vs assets/stylesheets/settings/mixins/_grids.css.sass in middleman-oulu-0.5.28

- old
+ new

@@ -1,5 +1,15 @@ +=micro-clearfix + & + *zoom: 1 + &:before, + &:after + content: "" + display: table + &:after + clear: both + // Extra small screen / phone //** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default //** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default @@ -122,19 +132,18 @@ @else if offsets(nth($values, $i)) $offsets: nth($values, $i) #{$grid-columns-row-class-name} // カラムのマージン分だけ両サイドにネガティブマージンを取る +margin(horizontal, ($columns-gutter-width / 2) * -1) - +pie-clearfix + +micro-clearfix // カラムをサイズごとに作る $break-points: () @each $temp-break-point in $temp-break-points $break-points: append($break-points, if($temp-break-point == 'xs', $break-point-xs-namespace, null)) $break-points: append($break-points, if($temp-break-point == 'sm', $break-point-sm-namespace, null)) $break-points: append($break-points, if($temp-break-point == 'md', $break-point-md-namespace, null)) $break-points: append($break-points, if($temp-break-point == 'lg', $break-point-lg-namespace, null)) $break-points: append($break-points, if($temp-break-point == 'xl', $break-point-xl-namespace, null)) - content: $temp-columns-count @each $break-point in $break-points +break-points($break-point) @for $i from 1 through $temp-columns-count #{$column-namespace}#{$break-point}#{$i} +column($i, $columns-gutter-width)