fix margins only on rtl

6 years ago · 4b099e8aac
parent e378842f81
commit 4b099e8aac
1 changed files with 10 additions and 8 deletions
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@ -2,14 +2,16 @@
  // ---------------------------------
  // FIX VUETIFY BROKEN RTL MARGIN
  // ---------------------------------
-@for $i from 1 through 8 {
-  .is-rtl .ml-#{$i} {
-    margin-left: 0px !important;
-    margin-right: ($i * 4px) !important;
-  }
-  .is-rtl .mr-#{$i} {
-    margin-left: ($i * 4px) !important;
-    margin-right: 0px !important;
+.is-rtl {
+  @for $i from 1 through 8 {
+    .ml-#{$i} {
+      margin-left: 0px !important;
+      margin-right: ($i * 4px) !important;
+    }
+    .mr-#{$i} {
+      margin-left: ($i * 4px) !important;
+      margin-right: 0px !important;
+    }
  }
 }
 .v-main .contents {