css - Sass expressions values precision difference -
this materialize.css source file _grid.scss
$i: 1; @while $i <= $num-cols { $perc: unquote((100 / ($num-cols / $i)) + "%"); &.m#{$i} { width: $perc; margin-left: 0; } $i: $i + 1; }
this part of scss file creates column grid styles. when i've tried replace (loop same, body changed):
&.offset-m#{$i} { margin-left: 100% / ($num-cols / $i); }
the result values different in precision. (took values couple of result classes).
original: width: 8.33333%;
new: 8.3333333333%;
original: width: 16.66667%;
new: 16.6666666667%;
- why there difference between sass "inline" expression , $perc variable?
- is there actual difference browser? maybe faster rendering? did materialize.css reason?
Comments
Post a Comment