From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 14 Jan 2021 15:32:18 +0000 (+0100)
Subject: wip #4188 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=0e7ba07d35aaf8ab11919e62b2418c98f7316592;p=fluidbook-html5.git

wip #4188 @0.5
---

diff --git a/style/articles.less b/style/articles.less
index fa2b0f45..2f34612b 100644
--- 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 dbad020e..0df16a72 100644
--- 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);
+        }
       }
     }
   }