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)