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

dillonzq · Apr 29, 2020 · 4f96582 · 4f96582
1 parent fa4c567
commit 4f96582
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 20 deletions.
diff --git a/assets/css/_mixin/_compatibility.scss b/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;
+}
diff --git a/assets/css/_mixin/_link.scss b/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] & {

diff --git a/assets/css/_mixin/_summary.scss b/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;
         }

diff --git a/assets/css/_page/_single.scss b/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;

diff --git a/assets/css/_partial/_single/_code.scss b/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;

diff --git a/assets/css/_partial/_single/_toc.scss b/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;

diff --git a/resources/_gen/assets/scss/css/style.template.scss_788c4a23da05f3aa3e03b28055a2e5f9.content b/resources/_gen/assets/scss/css/style.template.scss_788c4a23da05f3aa3e03b28055a2e5f9.content
diff --git a/resources/_gen/assets/scss/css/style.template.scss_84a735b886b24531b6e80c5fb2060510.content b/resources/_gen/assets/scss/css/style.template.scss_84a735b886b24531b6e80c5fb2060510.content
diff --git a/resources/_gen/assets/scss/css/style.template.scss_d40178ffcb058d725849178b0a7a43cc.content b/resources/_gen/assets/scss/css/style.template.scss_d40178ffcb058d725849178b0a7a43cc.content