summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--assets/sass/_content.scss (renamed from assets/sass/_list.scss)10
-rw-r--r--assets/sass/main.scss13
2 files changed, 18 insertions, 5 deletions
diff --git a/assets/sass/_list.scss b/assets/sass/_content.scss
index 30e94da..c92a3d4 100644
--- a/assets/sass/_list.scss
+++ b/assets/sass/_content.scss
@@ -11,6 +11,7 @@
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;
@@ -31,6 +32,7 @@
border-top: $spliter;
}
+// post title font & color
#post-title {
font-size: $font-size-l1;
@@ -43,6 +45,7 @@
@include link-primary();
}
+// post meta data style
#post-meta {
color: $color-mute;
padding: 0.5em 0 1em 0;
@@ -75,29 +78,34 @@
@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;
@@ -114,7 +122,7 @@ article {
}
}
-// not show while iframe not loaded
+// spliter between comment & post will not show while iframe not loaded
#post-comment .utterances-frame {
border-top: $spliter;
}
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