fix(style): global link hover color (#288)

assets/css/_mixin/_link.scss

@@ -5,14 +5,14 @@
     [theme=dark] & {
       color: if($dark, $global-link-color-dark, $single-link-color-dark);
     }
+  }
 
-    &:active,
-    &:hover {
-      color: if($light, $global-link-hover-color, $single-link-hover-color);
+  a:active,
+  a:hover {
+    color: if($light, $global-link-hover-color, $single-link-hover-color);
 
-      [theme=dark] & {
-        color: if($dark, $global-link-hover-color-dark, $single-link-hover-color-dark);
-      }
+    [theme=dark] & {
+      color: if($dark, $global-link-hover-color-dark, $single-link-hover-color-dark);
     }
   }
 }

assets/css/_mixin/_summary.scss

@@ -58,6 +58,7 @@
       h6,
       p {
         font-size: 1rem;
+        line-height: 1.5;
         display: inline;
 
         &::after {
@@ -66,16 +67,8 @@
         }
       }
 
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        line-height: 2;
-      }
-
       h2 {
-        font-size: 1.2rem;
+        font-size: 1.125rem;
       }
 
       @include link(false, true);

src/js/theme.js

@@ -412,7 +412,7 @@ class Theme {
             const rect = $page.getBoundingClientRect();
             $toc.style.left = `${rect.left + rect.width + 20}px`;
             $toc.style.maxWidth = `${$page.getBoundingClientRect().left - 20}px`;
-            const $tocLinkElements = $tocCore.getElementsByTagName('a');
+            const $tocLinkElements = $tocCore.querySelectorAll('a:first-child');
             const $tocLiElements = $tocCore.getElementsByTagName('li');
             const $headerLinkElements = document.getElementsByClassName('headerLink');
             const headerIsFixed = this.config.headerMode.desktop !== 'normal';