wip #4188 @0.5

diff --git a/style/articles.less b/style/articles.less
index fa2b0f456f373811c95f79a63bb254e47eb29c71..2f34612b26614c8d2b0628c28ca6cbeaec4787d5 100644 (file)
--- a/style/articles.less
+++ b/style/articles.less
@@ -26,7 +26,7 @@ article {
   font-size: 20px;
   padding: 50px;
   font-weight: 300;
-  text-align: left;
+  text-align: initial;
 
   @media @medium {
     padding: 20px;
@@ -37,6 +37,12 @@ article {
     position: absolute;
     top: 55px;
     right: 45px;
+
+    .rtl & {
+      right: auto;
+      left: 45px;
+    }
+
     color: @articles-title-color;
 
     @media @medium {

diff --git a/style/menu-articles.less b/style/menu-articles.less
index dbad020e1bc1ffdeb12c2ae512f1ab0c45dc3f7d..0df16a72b3e901bbbb1cd805972be7ceb6cb1d94 100644 (file)
--- a/style/menu-articles.less
+++ b/style/menu-articles.less
@@ -32,6 +32,14 @@
       &.article-prev {
         text-align: left;
 
+        .rtl & {
+          text-align: right;
+          svg{
+            margin-right: 0;
+            margin-left: 12px;
+          }
+        }
+
         svg {
           margin-right: 12px;
         }
@@ -40,6 +48,14 @@
       &.article-next {
         text-align: right;
 
+        .rtl & {
+          text-align: left;
+          svg{
+            margin-left: 0;
+            margin-right: 12px;
+          }
+        }
+
         svg {
           margin-left: 12px;
         }
@@ -49,6 +65,10 @@
         width: 8px;
         position: relative;
         top: 2px;
+
+        .rtl &{
+          transform: scale(-1,1);
+        }
       }
     }
   }