feat(style): adjust mobile TOC style (#155)

dillonzq · Mar 14, 2020 · 344f2f8 · 344f2f8
1 parent fc10c46
commit 344f2f8
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 16 deletions.
diff --git a/assets/css/_page/_home.scss b/assets/css/_page/_home.scss
@@ -48,14 +48,11 @@
 
         .home-social-links {
           padding-top: .6rem;
-
-          i {
-            font-size: 1.45rem;
-          }
+          font-size: 1.5rem;
+          line-height: 1.5rem;
 
           img {
-            width: 1.5rem;
-            height: 1.5rem;
+            max-height: 1.4rem;
           }
         }
       }

diff --git a/assets/css/_partial/_single/_toc.scss b/assets/css/_partial/_single/_toc.scss
@@ -81,6 +81,11 @@
   details {
     summary {
       list-style: none;
+      background: darken($code-background-color, 3%);
+
+      .dark-theme & {
+        background: darken($code-background-color-dark, 3%);
+      }
 
       .toc-title {
         display: block;
@@ -89,14 +94,13 @@
         font-weight: bold;
         line-height: 2em;
         padding: 0 .625rem;
-        background: $code-background-color;
 
         i.details {
           line-height: 2em;
         }
 
-        .dark-theme & {
-          background: $code-background-color-dark;
+        &:hover {
+          cursor: pointer;
         }
       }
 
@@ -113,22 +117,23 @@
   }
 
   .toc-content {
-    border: 2px solid $code-background-color;
+    background-color: $code-background-color;
 
-    >nav>ul {
-      margin: .625rem 0;
+    > nav > ul {
+      margin: 0;
+      padding: .4rem .8rem;
     }
 
     ul {
-      padding-left: .625rem;
+      list-style: none;
 
       ul {
         padding-left: 1.25rem;
       }
     }
 
     .dark-theme & {
-      border: 2px solid $code-background-color-dark;
+      background-color: $code-background-color-dark;
     }
   }
 }

diff --git a/layouts/partials/assets.html b/layouts/partials/assets.html
@@ -8,7 +8,11 @@
 
 {{- /* iconfont */ -}}
 {{- if $scratch.Get "iconfont" -}}
-    {{- slice "lib/iconfont/iconfont.css" | $scratch.Add "linkLocal" -}}
+    {{- with $CDN.iconfontCSS -}}
+        {{- slice . | $scratch.Add "linkCDN" -}}
+    {{- else -}}
+        {{- slice "lib/iconfont/iconfont.css" | $scratch.Add "linkLocal" -}}
+    {{- end -}}
 {{- end -}}
 
 {{- /* Smooth Scroll */ -}}

diff --git a/resources/_gen/assets/scss/css/style.template.scss_b8ba9a60a151126bfcde1421dc0b972d.content b/resources/_gen/assets/scss/css/style.template.scss_b8ba9a60a151126bfcde1421dc0b972d.content