1 files changed, 72 insertions, 3 deletions

diff --git a/assets/scss/_single.scss b/assets/scss/_single.scss
index 18c9dcc..d6826f8 100644
--- a/assets/scss/_single.scss
+++ b/assets/scss/_single.scss
@@ -5,15 +5,19 @@
   font-size: 16px;
 
   .single-title {
-    font-size: 36px;
+    font-size: 32px;
     text-align: center;
-    margin-bottom: 40px;
     font-family: 'Monda', -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, Arial, sans-serif;
+    @include mobile {
+      font-size: 22px;
+    }
   }
 
   pre {
     border-radius: 2px;
     padding: 20px;
+    overflow: hidden;
+    white-space: pre-line;
 
     code {
       font-family: "menlo", serif;
@@ -26,6 +30,7 @@
   }
 
   h1, h2, h3, h4, h5, h6 {
+    outline: none;
     margin: 30px 0 30px;
     font-family: 'Monda', -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, Arial, sans-serif;
   }
@@ -49,4 +54,68 @@
   ol, ul {
     padding-left: 30px;
   }
-}
\ No newline at end of file
+}
+
+.single-meta {
+  @include flex-y-center;
+  @include flex-x-center;
+  color: #999;
+
+  .single-date {
+    margin-right: 10px;
+  }
+  a {
+    color: #999;
+    margin-right: 10px;
+  }
+}
+
+.single-toc {
+  width: 240px;
+  overflow: hidden;
+  padding: 0 20px;
+  font-size: 14px;
+  color: #909090;
+  position: fixed;
+  top: 50%;
+  transform: translate(0, -50%);
+
+  @include mobile {
+    display: none;
+  }
+
+  .toc-list-item {
+    transition: color .2s;
+  }
+
+  .toc-link {
+    &:before {
+      display: none;
+    }
+  }
+
+  .toc-list {
+    padding-left: 20px;
+    margin: 5px 0;
+  }
+
+
+  .toc-list-item {
+    margin-bottom: 5px;
+    @include text-truncate;
+  }
+
+  .is-active-li {
+    & > a {
+      color: #303030;
+    }
+  }
+
+  & > .toc-list {
+    padding-left: 0;
+  }
+
+  ol, ul {
+    list-style: none;
+  }
+}