fix(article): unordered TOC style (#292)

closes https://github.com/CaiJimmy/hugo-theme-stack/issues/283

1 files changed, 19 insertions, 14 deletions

diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 4309039..1d22fb9 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -193,30 +193,34 @@
     color: var(--card-text-color-main);
 
     #TableOfContents {
-        ol {
-            counter-reset: item;
-            list-style-type: none;
-            padding: 0;
+        ol,
+        ul {
             margin: 0;
-        }
-
-        & > li {
             padding: 0;
-            margin: 0;
         }
 
-        li {
-            margin: 15px 20px;
-            padding: 5px;
+        ol {
+            list-style-type: none;
+            counter-reset: item;
 
-            &::before {
+            li:before {
                 counter-increment: item;
                 content: counters(item, ".") ". ";
                 font-weight: bold;
                 margin-right: 5px;
             }
+        }
+
+        & > ul {
+            padding: 0 1em;
+        }
+
+        li {
+            margin: 15px 20px;
+            padding: 5px;
 
-            & > ol {
+            & > ol,
+            & > ul {
                 margin-top: 10px;
                 padding-left: 10px;
                 margin-bottom: -5px;
@@ -385,7 +389,8 @@
         padding-bottom: 56.25%;
         overflow: hidden;
 
-        & > iframe, & > video {
+        & > iframe,
+        & > video {
             position: absolute;
             width: 100%;
             height: 100%;