From 094ab9d064b8e3d24f0cb656aaf4e0ea08365ac5 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 27 Dec 2021 18:15:10 +0000
Subject: [PATCH] dedupe backlinks

---
 assets/base.scss |   76 ++++++++++++++++++++++---------------
 1 files changed, 45 insertions(+), 31 deletions(-)

diff --git a/assets/base.scss b/assets/base.scss
index 9811259..7d3acdc 100644
--- a/assets/base.scss
+++ b/assets/base.scss
@@ -8,26 +8,19 @@
 
 h1, h2, h3, h4, ol, ul, thead {
   font-family: Inter;
-  color: var(--dark)
+  color: var(--dark);
+  font-weight: revert;
+  margin: revert;
+  padding: revert;
 }
 
 p, ul, text {
   font-family: 'Source Sans Pro', sans-serif;
   color: var(--gray);
   fill: var(--gray);
-}
-
-a {
-  font-family: Inter;
-  font-weight: 700;
-  font-size: 1em;
-  text-decoration: none;
-  transition: all 0.2s ease;
-  color: var(--secondary);
-
-  &:hover {
-    color: var(--tertiary) !important;
-  }
+  font-weight: revert;
+  margin: revert;
+  padding: revert;
 }
 
 #TableOfContents > ol {
@@ -122,9 +115,20 @@
 article a {
   font-family: Source Sans Pro;
   font-weight: 600;
-  text-decoration: underline;
-  text-decoration-color: var(--tertiary);
-  text-decoration-thickness: .15em;
+
+  // internal link
+  &[href^="./"], &[href^="/"] {
+    text-decoration: none;
+    background-color: transparentize(#8f9fa9, 0.85);
+    padding: 0 0.1em;
+    margin: auto -0.1em;
+    border-radius: 3px;
+  }
+}
+
+.backlinks a {
+  font-weight: 600;
+  font-size: 0.9rem;
 }
 
 sup > a {
@@ -132,6 +136,19 @@
   padding: 0 0.1em 0 0.2em;
 }
 
+a {
+  font-family: Inter, sans-serif;
+  font-size: 1em;
+  font-weight: 700;
+  text-decoration: none;
+  transition: all 0.2s ease;
+  color: var(--secondary);
+
+  &:hover {
+    color: var(--tertiary) !important;
+  }
+}
+
 pre {
   font-family: 'Fira Code';
   padding: 0.75em;
@@ -184,14 +201,6 @@
   background-color: var(--dark);
 }
 
-// internal link
-a[href^="/"] {
-  text-decoration: none;
-  background-color: #afbfc922;
-  padding: 0 0.2em;
-  border-radius: 3px;
-}
-
 .singlePage {
   margin: 4em 30vw;
 
@@ -229,7 +238,7 @@
 
   & #graph-container {
     border: var(--outlinegray) 1px solid;
-    border-radius: 5px
+    border-radius: 5px;
   }
 }
 
@@ -237,19 +246,23 @@
   margin-top: 30vh;
 }
 
+article > h1 {
+  font-size: 2em;
+}
+
 header {
   display: flex;
   flex-direction: row;
   align-items: center;
 
+  & > h1 {
+    font-size: 2em;
+  }
+
   & > nav {
     @media all and (max-width: 600px) {
       display: none;
     }
-
-    & > a {
-      margin-left: 2em;
-    }
   }
 
   & > .spacer {
@@ -324,6 +337,7 @@
         transition: background 0.2s ease;
         border: 1px solid var(--outlinegray);
         border-bottom: none;
+        width: 100%;
 
         // normalize button props
         font-family: inherit;
@@ -363,4 +377,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}

--
Gitblit v1.10.0