From 4587b133600ac59e38d1fccc7c7dba9f2c8f4af5 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 15 Feb 2022 22:12:08 +0000
Subject: [PATCH] feat: add rtl support as part of #47

---
 assets/base.scss |   17 +++++++++++------
 1 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/assets/base.scss b/assets/base.scss
index 1ed1dff..6f47da3 100644
--- a/assets/base.scss
+++ b/assets/base.scss
@@ -6,7 +6,7 @@
   --lt-colours-gray: var(--outlinegray) !important;
 }
 
-h1, h2, h3, h4, ol, ul, thead {
+h1, h2, h3, h4, h5, h6, ol, ul, thead {
   font-family: Inter;
   color: var(--dark);
   font-weight: revert;
@@ -81,10 +81,6 @@
   line-height: 1.5em;
 }
 
-h2, h3 {
-  opacity: 0.9;
-}
-
 blockquote {
   margin-left: 0em;
   border-left: 3px solid var(--secondary);
@@ -229,6 +225,13 @@
 
 html {
   scroll-behavior: smooth;
+
+  &:lang(ar) {
+    & p, & h1, & h2, & h3, article {
+      direction: rtl;
+      text-align: right;
+    }
+  }
 }
 
 body {
@@ -468,7 +471,8 @@
   z-index: 999;
   position: absolute;
   width: 15em;
-  display: inline;
+  display: inline-block;
+  visibility: hidden;
   background-color: var(--light);
   padding: 1em;
   border: 1px solid var(--outlinegray);
@@ -482,6 +486,7 @@
 
   &.visible {
     opacity: 1;
+    visibility: visible;
     transform: translate(-50%, 20%);
   }
 

--
Gitblit v1.10.0