From 6ea5ca2c09f055efe99c4b7c8f90142bbff6106e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <contact@maciejpedzi.ch>
Date: Mon, 22 May 2023 13:58:51 +0200
Subject: [PATCH] Minor element spacing tweaks

---
 src/components/TableOfContents.astro |  2 +-
 src/layouts/BlogPost.astro           |  5 ++
 src/styles/global.css                | 69 +---------------------------
 3 files changed, 7 insertions(+), 69 deletions(-)

diff --git a/src/components/TableOfContents.astro b/src/components/TableOfContents.astro
index 936002f..2f776a1 100644
--- a/src/components/TableOfContents.astro
+++ b/src/components/TableOfContents.astro
@@ -46,7 +46,7 @@ const grouppedHeadings = headings.reduce((array, heading) => {
 
 <style>
   #table-of-contents {
-    margin: 1rem 0 2rem 0;
+    margin: 2rem 0;
     padding: 0.5rem;
     border: 1px solid #fff;
     border-left: none;
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index c79c203..1fa34a2 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -45,6 +45,11 @@ const [category] = categories;
   </article>
 
   <style>
+    h1.title {
+      line-height: 1.3;
+      margin-bottom: 1.5rem;
+    }
+
     #metadata p {
       margin-top: 0;
       margin-bottom: 0.2rem;
diff --git a/src/styles/global.css b/src/styles/global.css
index 846a71d..a45df84 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -64,7 +64,7 @@ ul li {
 ul li::before {
   content: '\25A1';
   font-size: 1.2em;
-  margin-right: 3px;
+  margin-right: 6px;
 }
 
 textarea {
@@ -177,70 +177,3 @@ nav > a {
 header {
   margin: 0em 0 2em;
 }
-
-/* The following styling rules have been adopted from:
-  https://github.com/codrops/LineHoverStyles/ */
-
-@media (min-width: 640px) {
-  .post-list a {
-    position: relative;
-    outline: none;
-    cursor: pointer;
-    text-decoration: none;
-    white-space: nowrap;
-  }
-
-  .post-list a:focus {
-    outline: 2px solid rgba(255, 255, 255, 0.4);
-    outline-offset: 3px;
-  }
-
-  .post-list a:focus:not(:focus-visible) {
-    background: transparent;
-  }
-
-  .post-list a:focus-visible {
-    color: rgba(255, 255, 255, 0.4);
-    outline: 2px solid rgba(255, 255, 255, 0.4);
-    outline-offset: 3px;
-    background: transparent;
-  }
-
-  .post-list a:hover {
-    outline: none;
-    color: rgba(255, 255, 255, 0.4);
-  }
-
-  .post-list a::before,
-  .post-list a::after {
-    position: absolute;
-    width: 100%;
-    height: 1px;
-    background: currentColor;
-    top: 100%;
-    left: 0;
-    pointer-events: none;
-  }
-
-  .post-list a::before {
-    content: '';
-    transform-origin: 0% 50%;
-    transform: scale3d(0, 1, 1);
-    transition: transform 0.3s;
-  }
-
-  .post-list a:hover::before {
-    transform: scale3d(1, 1, 1);
-  }
-
-  .post-list a::after {
-    content: '';
-    top: calc(100% + 4px);
-    transition: transform 0.3s;
-    transform-origin: 100% 50%;
-  }
-
-  .post-list a:hover::after {
-    transform: scale3d(0, 1, 1);
-  }
-}