fix(style): link color and wrap style (#283)

assets/css/_mixin/_compatibility.scss

@@ -90,3 +90,9 @@
   word-wrap: $value;
   overflow-wrap: $value;
 }
+
+@mixin line-break($value) {
+  -webkit-line-break: $value;
+  -ms-line-break: $value;
+  line-break: $value;
+}

assets/css/_mixin/_link.scss

@@ -1,5 +1,5 @@
 @mixin link($light, $dark) {
-  a {
+  a, a::before, a::after {
     color: if($light, $global-link-color, $single-link-color);
 
     [theme=dark] & {

assets/css/_mixin/_summary.scss

@@ -72,29 +72,17 @@
       h5,
       h6 {
         line-height: 2;
-
-        &::before {
-          content: "|";
-          margin-right: .3125rem;
-          color: $global-link-color;
-
-          [theme=dark] & {
-            color: $global-link-color-dark;
-          }
-        }
       }
 
       h2 {
         font-size: 1.2rem;
-
-        &::before {
-          content: "#";
-        }
       }
 
-      @include link(true, true);
+      @include link(false, true);
 
       b, strong {
+        color: $global-font-secondary-color;
+
         [theme=dark] & {
           color: $global-font-secondary-color-dark;
         }

assets/css/_page/_single.scss

@@ -129,6 +129,7 @@
 
     a {
       @include overflow-wrap(break-word);
+      @include line-break(anywhere);
 
       [theme=dark] & b, [theme=dark] & strong {
         color: $single-link-color-dark;

assets/css/_partial/_single/_code.scss

@@ -3,6 +3,7 @@ code {
   max-width: 100%;
   padding: 0 .4rem;
   @include overflow-wrap(break-word);
+  @include line-break(anywhere);
   font-size: $code-font-size;
   font-family: $code-font-family;
   color: $code-color;

assets/css/_partial/_single/_toc.scss

@@ -13,7 +13,7 @@
       padding-left: .8rem;
       list-style: none;
 
-      a::before {
+      a:first-child::before {
         content: "|";
         font-weight: bolder;
         margin-right: .5rem;