From 5234fae080f1d3dca4f105438e3e0151f12ca61c Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 28 Feb 2022 16:24:29 +0000
Subject: [PATCH] fix backlinks not using baseurl

---
 assets/base.scss |   60 +++++++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 51 insertions(+), 9 deletions(-)

diff --git a/assets/base.scss b/assets/base.scss
index c4447ee..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);
@@ -179,8 +175,7 @@
     font-family: Source Sans Pro;
     font-weight: 600;
 
-    // internal link
-    &[href^="./"], &[href^="/"] {
+    &.internal-link {
       text-decoration: none;
       background-color: transparentize(#8f9fa9, 0.85);
       padding: 0 0.1em;
@@ -230,6 +225,13 @@
 
 html {
   scroll-behavior: smooth;
+
+  &:lang(ar) {
+    & p, & h1, & h2, & h3, article {
+      direction: rtl;
+      text-align: right;
+    }
+  }
 }
 
 body {
@@ -276,6 +278,7 @@
 .page-end {
   display: flex;
   flex-direction: row;
+  gap: 2em;
 
   @media all and (max-width: 780px) {
     flex-direction: column;
@@ -289,7 +292,6 @@
     & > ul {
       list-style: none;
       padding-left: 0;
-      margin-right: 2em;
 
       & > li {
         margin: 0.5em 0;
@@ -463,4 +465,44 @@
       opacity: 0.6;
     }
   }
-}
\ No newline at end of file
+}
+
+.popover {
+  z-index: 999;
+  position: absolute;
+  width: 20em;
+  display: inline-block;
+  visibility: hidden;
+  background-color: var(--light);
+  padding: 1em;
+  border: 1px solid var(--outlinegray);
+  border-radius: 5px;
+  transform: translate(-50%, 40%);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+  transition-delay: 0.3s;
+  user-select: none;
+
+  &.visible {
+    opacity: 1;
+    visibility: visible;
+    transform: translate(-50%, 20%);
+  }
+
+  & > h3 {
+    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