Fix #3005

1 files changed, 76 insertions, 76 deletions

diff --git a/sass/grid/columns.sass b/sass/grid/columns.sass
index 34a83533..5252bf83 100644
--- a/sass/grid/columns.sass
+++ b/sass/grid/columns.sass
@@ -39,29 +39,29 @@ $column-gap: 0.75rem !default
     flex: none
     width: 80%
   .columns.is-mobile > &.is-offset-three-quarters
-    margin-left: 75%
+    +ltr-property("margin", 75%, false)
   .columns.is-mobile > &.is-offset-two-thirds
-    margin-left: 66.6666%
+    +ltr-property("margin", 66.6666%, false)
   .columns.is-mobile > &.is-offset-half
-    margin-left: 50%
+    +ltr-property("margin", 50%, false)
   .columns.is-mobile > &.is-offset-one-third
-    margin-left: 33.3333%
+    +ltr-property("margin", 33.3333%, false)
   .columns.is-mobile > &.is-offset-one-quarter
-    margin-left: 25%
+    +ltr-property("margin", 25%, false)
   .columns.is-mobile > &.is-offset-one-fifth
-    margin-left: 20%
+    +ltr-property("margin", 20%, false)
   .columns.is-mobile > &.is-offset-two-fifths
-    margin-left: 40%
+    +ltr-property("margin", 40%, false)
   .columns.is-mobile > &.is-offset-three-fifths
-    margin-left: 60%
+    +ltr-property("margin", 60%, false)
   .columns.is-mobile > &.is-offset-four-fifths
-    margin-left: 80%
+    +ltr-property("margin", 80%, false)
   @for $i from 0 through 12
     .columns.is-mobile > &.is-#{$i}
       flex: none
       width: percentage($i / 12)
     .columns.is-mobile > &.is-offset-#{$i}
-      margin-left: percentage($i / 12)
+      +ltr-property("margin", percentage($i / 12), false)
   +mobile
     &.is-narrow-mobile
       flex: none
@@ -96,29 +96,29 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-mobile
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-mobile
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-mobile
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-mobile
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-mobile
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-mobile
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-mobile
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-mobile
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-mobile
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-mobile
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-mobile
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +tablet
     &.is-narrow,
     &.is-narrow-tablet
@@ -165,31 +165,31 @@ $column-gap: 0.75rem !default
       width: 80%
     &.is-offset-three-quarters,
     &.is-offset-three-quarters-tablet
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds,
     &.is-offset-two-thirds-tablet
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half,
     &.is-offset-half-tablet
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third,
     &.is-offset-one-third-tablet
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter,
     &.is-offset-one-quarter-tablet
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth,
     &.is-offset-one-fifth-tablet
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths,
     &.is-offset-two-fifths-tablet
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths,
     &.is-offset-three-fifths-tablet
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths,
     &.is-offset-four-fifths-tablet
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i},
       &.is-#{$i}-tablet
@@ -197,7 +197,7 @@ $column-gap: 0.75rem !default
         width: percentage($i / 12)
       &.is-offset-#{$i},
       &.is-offset-#{$i}-tablet
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +touch
     &.is-narrow-touch
       flex: none
@@ -232,29 +232,29 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-touch
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-touch
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-touch
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-touch
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-touch
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-touch
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-touch
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-touch
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-touch
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-touch
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-touch
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +desktop
     &.is-narrow-desktop
       flex: none
@@ -289,29 +289,29 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-desktop
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-desktop
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-desktop
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-desktop
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-desktop
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-desktop
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-desktop
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-desktop
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-desktop
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-desktop
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-desktop
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +widescreen
     &.is-narrow-widescreen
       flex: none
@@ -346,29 +346,29 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-widescreen
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-widescreen
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-widescreen
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-widescreen
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-widescreen
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-widescreen
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-widescreen
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-widescreen
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-widescreen
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-widescreen
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-widescreen
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
   +fullhd
     &.is-narrow-fullhd
       flex: none
@@ -403,33 +403,33 @@ $column-gap: 0.75rem !default
       flex: none
       width: 80%
     &.is-offset-three-quarters-fullhd
-      margin-left: 75%
+      +ltr-property("margin", 75%, false)
     &.is-offset-two-thirds-fullhd
-      margin-left: 66.6666%
+      +ltr-property("margin", 66.6666%, false)
     &.is-offset-half-fullhd
-      margin-left: 50%
+      +ltr-property("margin", 50%, false)
     &.is-offset-one-third-fullhd
-      margin-left: 33.3333%
+      +ltr-property("margin", 33.3333%, false)
     &.is-offset-one-quarter-fullhd
-      margin-left: 25%
+      +ltr-property("margin", 25%, false)
     &.is-offset-one-fifth-fullhd
-      margin-left: 20%
+      +ltr-property("margin", 20%, false)
     &.is-offset-two-fifths-fullhd
-      margin-left: 40%
+      +ltr-property("margin", 40%, false)
     &.is-offset-three-fifths-fullhd
-      margin-left: 60%
+      +ltr-property("margin", 60%, false)
     &.is-offset-four-fifths-fullhd
-      margin-left: 80%
+      +ltr-property("margin", 80%, false)
     @for $i from 0 through 12
       &.is-#{$i}-fullhd
         flex: none
         width: percentage($i / 12)
       &.is-offset-#{$i}-fullhd
-        margin-left: percentage($i / 12)
+        +ltr-property("margin", percentage($i / 12), false)
 
 .columns
-  margin-left: (-$column-gap)
-  margin-right: (-$column-gap)
+  +ltr-property("margin", (-$column-gap), false)
+  +ltr-property("margin", (-$column-gap))
   margin-top: (-$column-gap)
   &:last-child
     margin-bottom: (-$column-gap)
@@ -439,8 +439,8 @@ $column-gap: 0.75rem !default
   &.is-centered
     justify-content: center
   &.is-gapless
-    margin-left: 0
-    margin-right: 0
+    +ltr-property("margin", 0, false)
+    +ltr-property("margin", 0)
     margin-top: 0
     & > .column
       margin: 0
@@ -467,8 +467,8 @@ $column-gap: 0.75rem !default
 @if $variable-columns
   .columns.is-variable
     --columnGap: 0.75rem
-    margin-left: calc(-1 * var(--columnGap))
-    margin-right: calc(-1 * var(--columnGap))
+    +ltr-property("margin", calc(-1 * var(--columnGap)), false)
+    +ltr-property("margin", calc(-1 * var(--columnGap)))
     .column
       padding-left: var(--columnGap)
       padding-right: var(--columnGap)