@@ -50,8 +50,8 @@ $flexbox-grid-mixins-stack: margin-bottom !default;
50
50
51
51
@if $flexbox-grid-mixins-grid-type == skeleton {
52
52
@if $gutter {
53
- margin-left : $gutter / 2 * -1 ;
54
- margin-right : $gutter / 2 * -1 ;
53
+ margin-left : math . div ( $gutter , 2 ) * -1 ;
54
+ margin-right : math . div ( $gutter , 2 ) * -1 ;
55
55
}
56
56
}
57
57
@@ -66,7 +66,7 @@ $flexbox-grid-mixins-stack: margin-bottom !default;
66
66
67
67
@if meta .type-of ($col ) == number and math .is-unitless ($col ) == true {
68
68
$flex-shrink : 0 ;
69
- $flex-basis : math .percentage ($col / $grid-columns );
69
+ $flex-basis : math .percentage (math . div ( $col , $grid-columns ) );
70
70
71
71
@if $flexbox-grid-mixins-grid-type == skeleton {
72
72
@if $gutter and math .unit ($gutter ) == ' %' {
@@ -77,9 +77,9 @@ $flexbox-grid-mixins-stack: margin-bottom !default;
77
77
78
78
} @else if $flexbox-grid-mixins-grid-type == margin- offset {
79
79
@if $gutter and math .unit ($gutter ) == ' %' {
80
- $flex-basis : (100% - ($gutter * ($grid-columns / $col - 1 ))) / ($grid-columns / $col );
80
+ $flex-basis : math . div (100% - ($gutter * (math . div ( $grid-columns , $col ) - 1 )), math . div ($grid-columns , $col ) );
81
81
} @else if $gutter and math .is-unitless ($gutter ) == false {
82
- $flex-basis : calc ( #{$flex-basis } - #{$gutter * ( $grid-columns / $col - 1 ) / ($grid-columns / $col )} );
82
+ $flex-basis : calc ( #{$flex-basis } - #{$gutter * math . div ( math . div ( $grid-columns , $col ) - 1 , math . div ($grid-columns , $col ) )} );
83
83
}
84
84
}
85
85
@@ -173,8 +173,8 @@ $flexbox-grid-mixins-stack: margin-bottom !default;
173
173
174
174
@if $gutter and math .is-unitless ($gutter ) == false {
175
175
@if $flexbox-grid-mixins-grid-type == skeleton {
176
- margin-left : $gutter / 2 ;
177
- margin-right : $gutter / 2 ;
176
+ margin-left : math . div ( $gutter , 2 ) ;
177
+ margin-right : math . div ( $gutter , 2 ) ;
178
178
} @else if $flexbox-grid-mixins-grid-type == margin- offset {
179
179
@if meta .type-of ($last-child ) == bool and $last-child == true {
180
180
margin-right : 0 ;
@@ -188,8 +188,8 @@ $flexbox-grid-mixins-stack: margin-bottom !default;
188
188
} @else if $flexbox-grid-mixins-stack == margin-bottom {
189
189
margin-bottom : $gutter ;
190
190
} @else if $flexbox-grid-mixins-stack == margin- both {
191
- margin-top : $gutter / 2 ;
192
- margin-bottom : $gutter / 2 ;
191
+ margin-top : math . div ( $gutter , 2 ) ;
192
+ margin-bottom : math . div ( $gutter , 2 ) ;
193
193
}
194
194
}
195
195
0 commit comments