Minor element spacing tweaks

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;

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;

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);
-  }
-}