From 77b3907b23b6d453dd7bfa04e4cef6f28d68ca54 Mon Sep 17 00:00:00 2001
From: Olivér Falvai <ofalvai@gmail.com>
Date: Tue, 31 Jan 2023 18:48:20 +0000
Subject: [PATCH] docs: Clarify Obsidian settings (#280)

---
 assets/styles/base.scss |   62 ++++++++++++++++++-------------
 1 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index db8f30d..5863c92 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -10,11 +10,14 @@
 html {
   scroll-behavior: smooth;
   &:lang(ar) {
-    & p, & h1, & h2, & h3, article {
+    & p, & h1, & h2, & h3, article, header {
       direction: rtl;
       text-align: right;
     }
   }
+  & footer > p {
+    text-align: center !important;
+  }
 }
 
 .singlePage {
@@ -42,15 +45,15 @@
   padding: 2rem auto 1rem;
 
   &:hover > .hanchor {
-    opacity: 1;
+    color: var(--secondary);
   }
 }
 
 .hanchor {
   font-family: var(--font-header);
-  opacity: 0.2;
-  transition: opacity 0.3s ease;
-  color: var(--secondary);
+  opacity: 0.8;
+  transition: color 0.3s ease;
+  color: var(--dark);
 }
 
 p, ul, text, a, tr, td, li, ol, ul {
@@ -86,7 +89,7 @@
 
 #TableOfContents > ol {
   counter-reset: section;
-  margin-left: 0em;
+  margin-left: 0;
   padding-left: 1.5em;
   & > li {
     counter-increment: section;
@@ -139,7 +142,7 @@
 }
 
 blockquote {
-  margin-left: 0em;
+  margin-left: 0;
   border-left: 3px solid var(--secondary);
   padding-left: 1em;
   transition: border-color 0.2s ease;
@@ -177,9 +180,10 @@
 
 article {
   & > h1 {
+    margin-top: 2em;
     font-size: 2em;
   }
-  
+
   & > .meta {
     margin: 0 0 1em 0;
     opacity: 0.7;
@@ -197,11 +201,11 @@
 
       &.broken {
         opacity: 0.5;
-        background-color: transparent; 
+        background-color: transparent;
       }
     }
   }
-  
+
   & p {
     overflow-wrap: anywhere;
   }
@@ -223,7 +227,7 @@
 
   & > li {
     display: inline-block;
-    margin: 0.4em 0;
+    margin: 0.4em 0.2em;
   }
 
   & > li > a {
@@ -291,17 +295,15 @@
   text-align: center;
   & ul {
     padding-left: 0;
-  } 
+  }
 }
 
 hr {
-  width: 25%;
-  margin: 4em auto;
-  height: 2px;
-  border-radius: 1px;
-  border-width: 0;
-  color: var(--dark);
-  background-color: var(--dark);
+  width: 100%;
+  margin: 2em auto;
+  height: 1px;
+  border: none;
+  background-color: var(--outlinegray);
 }
 
 .page-end {
@@ -505,7 +507,7 @@
 
   & > .section {
     display: flex;
-    align-items: center; 
+    align-items: center;
 
     @media all and (max-width: 600px) {
       & .tags {
@@ -517,18 +519,18 @@
       font-weight: 700;
       margin: 0;
     }
-    
+
     & p {
       margin: 0;
       padding-right: 1em;
-      flex-basis: 6em; 
+      flex-basis: 6em;
     }
   }
 
   & h3 {
     opacity: 1;
     font-weight: 700;
-    margin: 0em;
+    margin: 0;
   }
 
   & .meta {
@@ -566,7 +568,7 @@
   transition: opacity 0.2s ease, transform 0.2s ease;
   user-select: none;
   overflow-wrap: anywhere;
-  box-shadow: 6px 6px 36px 0px rgba(0,0,0,0.25);
+  box-shadow: 6px 6px 36px 0 rgba(0,0,0,0.25);
 
   @media all and (max-width: 600px) {
     display: none !important;
@@ -584,16 +586,20 @@
     margin: 0.25rem 0;
   }
 
-  & > .meta {
+  & .meta {
     margin-top: 0.25rem;
     opacity: 0.5;
     font-family: var(--font-mono);
     font-size: 0.8rem;
   }
 
+  & > p {
+    margin: 0;
+    padding: 0.5rem 0;
+  }
+
   & > p, & > a {
     font-size: 1rem;
-    margin: 0.7rem 0;
     font-weight: 400;
     user-select: none;
   }
@@ -611,3 +617,7 @@
   }
 }
 
+mark {
+  background-color: var(--highlighted);
+  color: var(--gray);
+}

--
Gitblit v1.10.0