From 7065842267087378712074f370fabf15b62d49da Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Sat, 18 Apr 2020 18:21:09 +0800
Subject: Additional comment notes

---
 assets/sass/_content.scss | 132 ++++++++++++++++++++++++++++++++++++++++++++++
 assets/sass/_list.scss    | 124 -------------------------------------------
 assets/sass/main.scss     |  13 +++--
 3 files changed, 141 insertions(+), 128 deletions(-)
 create mode 100644 assets/sass/_content.scss
 delete mode 100644 assets/sass/_list.scss

diff --git a/assets/sass/_content.scss b/assets/sass/_content.scss
new file mode 100644
index 0000000..c92a3d4
--- /dev/null
+++ b/assets/sass/_content.scss
@@ -0,0 +1,132 @@
+#content {
+    padding: 0 1em 0 1em;
+
+    // different padding when screen size below width-md(768px)
+    @media screen and (max-width: $width-md) {
+        padding: 0 1.5em 0 1.5em;
+    }
+}
+
+#post {
+    padding: 1.5em 0 1.5em 0;
+}
+
+// different padding of first & last child in archives page
+#post-archive {
+    &:not(:first-child):not(:last-child) {
+        padding: 0.5em 0 0.5em 0;
+    }
+
+    &:first-child {
+        padding: 1.5em 0 0.5em 0;
+    }
+
+    &:last-child {
+        padding: 0.5em 0 1.5em 0;
+    }
+}
+
+// spliter between two posts
+#post+#post,
+#post-archive+#post-archive {
+    border-top: $spliter;
+}
+
+// post title font & color
+#post-title {
+    font-size: $font-size-l1;
+
+    @include link-primary();
+}
+
+#post-title-archive {
+    font-size: $font-size-l2;
+
+    @include link-primary();
+}
+
+// post meta data style
+#post-meta {
+    color: $color-mute;
+    padding: 0.5em 0 1em 0;
+    white-space: nowrap;
+    overflow-x: scroll;
+
+    &::-webkit-scrollbar {
+        display: none; // WebKit
+    }
+
+    scrollbar-width: none; // Firefox
+    -ms-overflow-style: none; // Microsoft
+
+    @include link-secondary();
+}
+
+#post-meta-archive {
+    color: $color-mute;
+    padding: 0;
+    white-space: nowrap;
+    overflow-x: scroll;
+
+    &::-webkit-scrollbar {
+        display: none; // WebKit
+    }
+
+    scrollbar-width: none; // Firefox
+    -ms-overflow-style: none; // Microsoft
+
+    @include link-secondary();
+}
+
+// read more link style
+#post-exlink {
+    margin: 0.5em 0 0 0;
+
+    @include link-secondary();
+}
+
+// current tag indicator style in tags page
+#page-tag {
+    padding: 1.5em 0 1.5em 0;
+    font-size: $font-size-l3;
+    border-bottom: $spliter;
+}
+
+// markdown article style
+article {
+    padding-top: 1.5em;
+    padding-bottom: 1.5em;
+}
+
+// in-post license style
+#license {
+    @include link-primary();
+
+    margin-bottom: 1.5em;
+}
+
+// comment loading indicator style
+#post-loading {
+    border-top: $spliter;
+    margin: 0 0 1.5em 0;
+    padding-top: 1.5em;
+
+    #container-loading-bar {
+        width: 2em;
+        margin: 0 auto;
+    }
+
+    p {
+        text-align: center;
+        margin: 0.5em 0 0 0;
+    }
+}
+
+// spliter between comment & post will not show while iframe not loaded
+#post-comment .utterances-frame {
+    border-top: $spliter;
+}
+
+#post-comment #disqus_thread {
+    border-top: $spliter;
+}
\ No newline at end of file
diff --git a/assets/sass/_list.scss b/assets/sass/_list.scss
deleted file mode 100644
index 30e94da..0000000
--- a/assets/sass/_list.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-#content {
-    padding: 0 1em 0 1em;
-
-    // different padding when screen size below width-md(768px)
-    @media screen and (max-width: $width-md) {
-        padding: 0 1.5em 0 1.5em;
-    }
-}
-
-#post {
-    padding: 1.5em 0 1.5em 0;
-}
-
-#post-archive {
-    &:not(:first-child):not(:last-child) {
-        padding: 0.5em 0 0.5em 0;
-    }
-
-    &:first-child {
-        padding: 1.5em 0 0.5em 0;
-    }
-
-    &:last-child {
-        padding: 0.5em 0 1.5em 0;
-    }
-}
-
-// spliter between two posts
-#post+#post,
-#post-archive+#post-archive {
-    border-top: $spliter;
-}
-
-#post-title {
-    font-size: $font-size-l1;
-
-    @include link-primary();
-}
-
-#post-title-archive {
-    font-size: $font-size-l2;
-
-    @include link-primary();
-}
-
-#post-meta {
-    color: $color-mute;
-    padding: 0.5em 0 1em 0;
-    white-space: nowrap;
-    overflow-x: scroll;
-
-    &::-webkit-scrollbar {
-        display: none; // WebKit
-    }
-
-    scrollbar-width: none; // Firefox
-    -ms-overflow-style: none; // Microsoft
-
-    @include link-secondary();
-}
-
-#post-meta-archive {
-    color: $color-mute;
-    padding: 0;
-    white-space: nowrap;
-    overflow-x: scroll;
-
-    &::-webkit-scrollbar {
-        display: none; // WebKit
-    }
-
-    scrollbar-width: none; // Firefox
-    -ms-overflow-style: none; // Microsoft
-
-    @include link-secondary();
-}
-
-#post-exlink {
-    margin: 0.5em 0 0 0;
-
-    @include link-secondary();
-}
-
-#page-tag {
-    padding: 1.5em 0 1.5em 0;
-    font-size: $font-size-l3;
-    border-bottom: $spliter;
-}
-
-article {
-    padding-top: 1.5em;
-    padding-bottom: 1.5em;
-}
-
-#license {
-    @include link-primary();
-
-    margin-bottom: 1.5em;
-}
-
-#post-loading {
-    border-top: $spliter;
-    margin: 0 0 1.5em 0;
-    padding-top: 1.5em;
-
-    #container-loading-bar {
-        width: 2em;
-        margin: 0 auto;
-    }
-
-    p {
-        text-align: center;
-        margin: 0.5em 0 0 0;
-    }
-}
-
-// not show while iframe not loaded
-#post-comment .utterances-frame {
-    border-top: $spliter;
-}
-
-#post-comment #disqus_thread {
-    border-top: $spliter;
-}
\ No newline at end of file
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index c00e6de..6356cb5 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -1,9 +1,10 @@
+//variables
 @import "_var";
 
-// Cover
+// cover primer variables
 @import "_primer.scss";
 
-// Only used part of @primer/css/core
+// include only used part of @primer/css/core
 // Include .octicon base styles
 @import "@primer/octicons/index.scss";
 // Global requirements
@@ -19,17 +20,21 @@
 
 @import "_header";
 
-@import "_list";
+// list page & single page content part style
+@import "_content";
 
+// sidebar & progress indicator style
 @import "_sidebar";
 
+// markdown style cover in summary & in-post content
 @import "_markdown";
 
 @import "_pagination";
 
 @import "_footer";
 
+// for 404 page
 #not-found {
     @include pdsans-title();
     padding-top: 1em;
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3