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,15 +2,17 @@
  // ---------------------------------
  // FIX VUETIFY BROKEN RTL MARGIN
  // ---------------------------------
-@for $i from 1 through 8 {
-  .is-rtl .ml-#{$i} {
+.is-rtl {
+  @for $i from 1 through 8 {
+    .ml-#{$i} {
      margin-left: 0px !important;
      margin-right: ($i * 4px) !important;
    }
-  .is-rtl .mr-#{$i} {
+    .mr-#{$i} {
      margin-left: ($i * 4px) !important;
      margin-right: 0px !important;
    }
+  }
 }
 .v-main .contents {
  color: mc('grey', '800');