columns.sass in bulma-rails-0.9.3

- old
+ new

@@ -60,13 +60,13 @@
   .columns.is-mobile > &.is-offset-four-fifths
     +ltr-property("margin", 80%, false)
   @for $i from 0 through 12
     .columns.is-mobile > &.is-#{$i}
       flex: none
-      width: percentage($i / 12)
+      width: percentage(divide($i, 12))
     .columns.is-mobile > &.is-offset-#{$i}
-      +ltr-property("margin", percentage($i / 12), false)
+      +ltr-property("margin", percentage(divide($i, 12)), false)
   +mobile
     &.is-narrow-mobile
       flex: none
       width: unset
     &.is-full-mobile
@@ -118,13 +118,13 @@
     &.is-offset-four-fifths-mobile
       +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-mobile
         flex: none
-        width: percentage($i / 12)
+        width: percentage(divide($i, 12))
       &.is-offset-#{$i}-mobile
-        +ltr-property("margin", percentage($i / 12), false)
+        +ltr-property("margin", percentage(divide($i, 12)), false)
   +tablet
     &.is-narrow,
     &.is-narrow-tablet
       flex: none
       width: unset
@@ -197,14 +197,14 @@
       +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i},
       &.is-#{$i}-tablet
         flex: none
-        width: percentage($i / 12)
+        width: percentage(divide($i, 12))
       &.is-offset-#{$i},
       &.is-offset-#{$i}-tablet
-        +ltr-property("margin", percentage($i / 12), false)
+        +ltr-property("margin", percentage(divide($i, 12)), false)
   +touch
     &.is-narrow-touch
       flex: none
       width: unset
     &.is-full-touch
@@ -256,13 +256,13 @@
     &.is-offset-four-fifths-touch
       +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-touch
         flex: none
-        width: percentage($i / 12)
+        width: percentage(divide($i, 12))
       &.is-offset-#{$i}-touch
-        +ltr-property("margin", percentage($i / 12), false)
+        +ltr-property("margin", percentage(divide($i, 12)), false)
   +desktop
     &.is-narrow-desktop
       flex: none
       width: unset
     &.is-full-desktop
@@ -314,13 +314,13 @@
     &.is-offset-four-fifths-desktop
       +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-desktop
         flex: none
-        width: percentage($i / 12)
+        width: percentage(divide($i, 12))
       &.is-offset-#{$i}-desktop
-        +ltr-property("margin", percentage($i / 12), false)
+        +ltr-property("margin", percentage(divide($i, 12)), false)
   +widescreen
     &.is-narrow-widescreen
       flex: none
       width: unset
     &.is-full-widescreen
@@ -372,13 +372,13 @@
     &.is-offset-four-fifths-widescreen
       +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-widescreen
         flex: none
-        width: percentage($i / 12)
+        width: percentage(divide($i, 12))
       &.is-offset-#{$i}-widescreen
-        +ltr-property("margin", percentage($i / 12), false)
+        +ltr-property("margin", percentage(divide($i, 12)), false)
   +fullhd
     &.is-narrow-fullhd
       flex: none
       width: unset
     &.is-full-fullhd
@@ -430,12 +430,12 @@
     &.is-offset-four-fifths-fullhd
       +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-fullhd
         flex: none
-        width: percentage($i / 12)
+        width: percentage(divide($i, 12))
       &.is-offset-#{$i}-fullhd
-        +ltr-property("margin", percentage($i / 12), false)
+        +ltr-property("margin", percentage(divide($i, 12)), false)
 
 .columns
   +ltr-property("margin", (-$column-gap), false)
   +ltr-property("margin", (-$column-gap))
   margin-top: (-$column-gap)