Adjust font weight and comments/TOC style

assets/scss/partials/_comments.scss

@@ -1,4 +1,19 @@
 #comments {
-  margin-top: 2em;
+  margin-top: 2.5em;
   font-size: 1em;
+
+  .vat {
+    color: var(--c-txt);
+    &:hover {
+      color: $accent;
+    }
+  }
+
+  .vquote {
+    border: none;
+  }
+  .vh {
+    border-color: var(--c-bg-alt);
+    border-width: 2px;
+  }
 }

assets/scss/partials/_home.scss

@@ -37,6 +37,7 @@
   }
   span {
     margin-right: .5em;
+    font-weight: lighter;
     color: var(--c-txt-alt);
   }
   a {

assets/scss/partials/_list.scss

@@ -27,12 +27,12 @@
     align-items: baseline;
     padding: 12px 0;
     border-bottom: 1px dashed;
-    font-weight: lighter;
   }
 
   .post-day {
     flex-shrink: 0;
     margin-left: 1em;
+    font-weight: lighter;
     color: var(--c-txt-alt);
   }
 }

assets/scss/partials/_single.scss

@@ -31,12 +31,13 @@
 }
 
 #TableOfContents {
-  font-size: .8em;
-  line-height: 1.2em;
+  font-size: .9em;
+  line-height: 1.3;
   a {
+    display: block;
+    padding-bottom: .3em;
     border-bottom: none;
     color: var(--c-txt-alt);
-    padding: .1em auto;
     &:hover {
       color: $accent;
     }
@@ -47,14 +48,12 @@
 }
 
 .content {
-  // text-align: justify;
   text-justify: inter-ideograph; //For IE/Edge
-  font-weight: lighter;
 
   @include stylized-link;
 
   h1, h2, h3, h4, h5, h6 {
-    font-weight: normal;
+    font-weight: bold;
   }
   figure {
     height: auto;

assets/scss/style.scss

@@ -51,9 +51,7 @@ pre {
   font-size: .9em;
   line-height: 1.5;
   white-space: pre;
-
   border-radius: 4px;
-  // -webkit-overflow-scrolling: touch;
   code {
     padding: 0;
     margin: 0;
@@ -74,7 +72,6 @@ blockquote {
   margin: 1.5em 1em;
   font-style: italic;
   color: var(--c-txt-alt);
-
   &::before {
     content: "“ ";
     position: absolute;
@@ -90,7 +87,6 @@ blockquote {
     font-weight: bold;
     font-style: normal;
     margin-left: 1em;
-
     &::before {
     content: "—— ";
     }
@@ -102,7 +98,6 @@ a {
   text-decoration: none;
   border-bottom: solid 1px var(--c-bg-alt);
   transition: color .2s;
-
   &:hover {
     color: $accent;
     border-bottom-color: $accent;
@@ -127,7 +122,7 @@ table {
   }
 
   th {
-    font-weight: 700;
+    font-weight: bold;
     vertical-align: bottom;
   }
 }
@@ -192,7 +187,6 @@ main#site-main {
 h1#page-title {
   margin: 0;
   font-size: 2em;
-  font-weight: normal;
   line-height: normal;
 }
 
@@ -319,6 +313,10 @@ h1#page-title {
   }
   #TableOfContents {
     direction: rtl;
+    font-size: .8em;
+    a {
+      display: inline;
+    }
   }
   .content figure.big {
     width: calc(100vw - var(--offset) - 1em);