fix(VGrid): offset in RTL mode (#11359)

fixes #6317
vuetifyjs · May 12, 2020 · db52c0a · db52c0a
1 parent 4a0916f
commit db52c0a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VGrid/_grid.sass b/packages/vuetify/src/components/VGrid/_grid.sass
@@ -86,7 +86,10 @@
     @while $m >= 0
       .flex.offset-#{$size}#{$m}
         // Offsets can only ever work in row layouts
-        margin-left: $m / $grid-columns * 100%
+        +ltr()
+          margin-left: $m / $grid-columns * 100%
+        +rtl()
+          margin-right: $m / $grid-columns * 100%
 
       $m: $m - 1
 

diff --git a/packages/vuetify/src/components/VGrid/_mixins.sass b/packages/vuetify/src/components/VGrid/_mixins.sass
@@ -33,7 +33,10 @@
 
 =make-col-offset($size, $columns: $grid-columns)
   $num: $size / $columns
-  margin-left: if($num == 0, 0, percentage($num))
+  +ltr()
+    margin-left: if($num == 0, 0, percentage($num))
+  +rtl()
+    margin-right: if($num == 0, 0, percentage($num))
 
 =make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter, $breakpoints: $grid-breakpoints)
   // Common properties for all breakpoints