From 9c04ca026676445849081d32efb8e840465994d5 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Thu, 17 Feb 2022 15:49:41 +0000
Subject: [PATCH] rtl docs

---
 assets/base.scss |   28 ++++++++++++++++++++--------
 1 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/assets/base.scss b/assets/base.scss
index 1ed1dff..a462a33 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 {
@@ -467,8 +470,9 @@
 .popover {
   z-index: 999;
   position: absolute;
-  width: 15em;
-  display: inline;
+  width: 20em;
+  display: inline-block;
+  visibility: hidden;
   background-color: var(--light);
   padding: 1em;
   border: 1px solid var(--outlinegray);
@@ -482,15 +486,23 @@
 
   &.visible {
     opacity: 1;
+    visibility: visible;
     transform: translate(-50%, 20%);
   }
 
   & > h3 {
-    margin: 0.5em 0;
+    font-size: 1rem;
+    margin: 0.25em 0;
+  }
+
+  & > .meta {
+    margin-top: 0.25em;
+    opacity: 0.5;
   }
 
   & > p {
     margin: 0;
     font-weight: 400;
+    user-select: none;
   }
 }

--
Gitblit v1.10.0