feat(single): add new page

4 files changed, 105 insertions, 16 deletions

diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss
new file mode 100644
index 0000000..9ac7e5c
--- /dev/null
+++ b/assets/scss/_footer.scss
@@ -0,0 +1,17 @@
+
+footer {
+  padding: 20px 0;
+  @include flex-y-center;
+  justify-content: center;
+  text-align: center;
+  color: #5D5C5C;
+
+  a {
+    color: #5D5C5C;
+  }
+
+  .copyright {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+}
\ No newline at end of file
diff --git a/assets/scss/_single.scss b/assets/scss/_single.scss
new file mode 100644
index 0000000..18c9dcc
--- /dev/null
+++ b/assets/scss/_single.scss
@@ -0,0 +1,52 @@
+
+.single {
+  line-height: 2;
+  color: #4C4E4D;
+  font-size: 16px;
+
+  .single-title {
+    font-size: 36px;
+    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;
+  }
+
+  pre {
+    border-radius: 2px;
+    padding: 20px;
+
+    code {
+      font-family: "menlo", serif;
+      font-size: 14px;
+    }
+  }
+
+  p {
+    margin: 30px 0 30px;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    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;
+  }
+
+  h1 {
+    font-size: 28px;
+  }
+
+  h2 {
+    font-size: 26px;
+  }
+
+  h3 {
+    font-size: 24px;
+  }
+
+  h4 {
+    font-size: 22px;
+  }
+
+  ol, ul {
+    padding-left: 30px;
+  }
+}
\ No newline at end of file
diff --git a/assets/scss/less.scss b/assets/scss/less.scss
index d2bf808..4866f82 100644
--- a/assets/scss/less.scss
+++ b/assets/scss/less.scss
@@ -1,5 +1,6 @@
 @import "../../node_modules/@forever9/lego/lego";
 @import "single";
+@import "footer";
 
 @include container();
 @include row();
@@ -25,7 +26,7 @@ html {
 }
 
 body {
-  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;
+  font-family: -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;
   background: #fff;
 }
 
@@ -66,12 +67,35 @@ a {
   }
 }
 
+.posts {
+  margin-bottom: 40px;
+
+  &:nth-child(2n+1) {
+    .post-right {
+      &:before {
+        background: #71D6E8;
+      }
+    }
+  }
+
+  .post {
+    &:last-child {
+      .post-right {
+        &:after {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
 .post {
   display: flex;
 }
 
 .post-left {
   min-width: 50px;
+  line-height: 1.5;
 }
 
 .post-title {
@@ -116,4 +140,14 @@ a {
     left: 3px;
     top: 20px;
   }
-}
\ No newline at end of file
+}
+
+.post-title {
+  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;
+}
+
+.year {
+  font-size: 20px;
+  margin-bottom: 30px;
+  font-weight: 500;
+}
diff --git a/assets/scss/single.scss b/assets/scss/single.scss
deleted file mode 100644
index f335114..0000000
--- a/assets/scss/single.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-
-.single {
-  line-height: 1.5;
-  color: #4C4E4D;
-  .single-title {
-    font-size: 36px;
-    text-align: center;
-    margin-bottom: 40px;
-  }
-
-  p {
-    margin-bottom: 30px;
-  }
-}
\ No newline at end of file