Merge pull request #357 from BeAPI/feature/rtl

remove text-align left on RTL

Author: francoistibo

src/scss/02-tools/_m-rtl.scss

@@ -0,0 +1,9 @@
+// Support for rtl text, explicit support for Arabic and Hebrew
+
+@mixin rtl {
+    *[dir="rtl"] &,
+    :root:lang(ar) &,
+    :root:lang(iw) & {
+        @content;
+    }
+}

src/scss/02-tools/_m-select-custom.scss

@@ -50,10 +50,7 @@
         }
     }
 
-    // Support for rtl text, explicit support for Arabic and Hebrew
-    *[dir="rtl"] &,
-    :root:lang(ar) &,
-    :root:lang(iw) & {
+    @include rtl {
         background-position: left 10px top 50%, 0 0;
     }
 }

src/scss/02-tools/tools.scss

@@ -38,3 +38,4 @@
 @import "./m-background-static";
 @import "./m-invisible-scrollbar";
 @import "./m-not-acf";
+@import "./m-rtl";

src/scss/03-base/_reset.scss

@@ -73,7 +73,6 @@ body {
     font-size: $font-size-base;
     font-weight: normal;
     color: $color-text;
-    text-align: left;
     background-color: $color-light;
 }