Improve the layout of list.

cotes2020 · cotes2020 · commit 4c3afe68c646 · 2020-08-21T23:03:05.000+08:00
diff --git a/assets/css/_addon/main.scss b/assets/css/_addon/main.scss
@@ -823,13 +823,9 @@ div.post-content .table-wrapper {
   p {
     font-size: 1.08rem;
   }
-  > ol, > ul {
-    > li {
-      margin-top: 0.5rem;
-    }
-  }
 }
 
+
 .tag:hover {
   @extend %tag-hover;
 }
diff --git a/assets/css/post.scss b/assets/css/post.scss
@@ -27,7 +27,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
   border-color: var(--btn-border-color);
 }
 
-.post {
+.post-content {
   img {
     max-width: 100%;
     margin-top: .5rem;
@@ -38,6 +38,20 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
   }
+  > ol, > ul, > dl {
+    padding-left: 2rem;
+    li+li {
+      margin-top: 0.3rem;
+    }
+  }
+  li {
+    > ol, > ul, > dl { // sub list
+      padding-left: 2rem;
+    }
+    > p {
+      margin: 1rem 0 0.8rem;
+    }
+  }
 }
 
 .post-tail-wrapper {

Original file line number	Diff line number	Diff line change
`@@ -823,13 +823,9 @@ div.post-content .table-wrapper {`
`823`	`823`	`p {`
`824`	`824`	`font-size: 1.08rem;`
`825`	`825`	`}`
`826`		`- > ol, > ul {`
`827`		`- > li {`
`828`		`- margin-top: 0.5rem;`
`829`		`- }`
`830`		`- }`
`831`	`826`	`}`
`832`	`827`
	`828`	`+`
`833`	`829`	`.tag:hover {`
`834`	`830`	`@extend %tag-hover;`
`835`	`831`	`}`