feat(list): add subsection support (#81)

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

2 files changed, 34 insertions, 36 deletions

diff --git a/assets/scss/partials/layout/archives.scss b/assets/scss/partials/layout/archives.scss
index 2ac3836..34e5f62 100644
--- a/assets/scss/partials/layout/archives.scss
+++ b/assets/scss/partials/layout/archives.scss
@@ -1,31 +1,3 @@
 .archives-group {
     margin-bottom: var(--section-separation);
-}
-
-.template-archives {
-    .category-list {
-        margin-bottom: var(--section-separation);
-        overflow-x: auto;
-
-        .article-list--tile {
-            display: flex;
-            padding-bottom: 15px;
-
-            article {
-                width: 250px;
-                height: 150px;
-                margin-right: 20px;
-                flex-shrink: 0;
-
-                .article-title {
-                    margin: 0;
-                    font-size: 1.8rem;
-                }
-
-                .article-details {
-                    padding: 20px;
-                }
-            }
-        }
-    }
-}
+}
\ No newline at end of file
diff --git a/assets/scss/partials/layout/taxonomy.scss b/assets/scss/partials/layout/list.scss
index 4575a20..1a0e346 100644
--- a/assets/scss/partials/layout/taxonomy.scss
+++ b/assets/scss/partials/layout/list.scss
@@ -1,4 +1,4 @@
-.taxonomy-card {
+.section-card {
     border-radius: var(--card-border-radius);
     background-color: var(--card-background);
     padding: var(--small-card-padding);
@@ -9,37 +9,37 @@
 
     --separation: 15px;
 
-    .taxonomy-term {
+    .section-term {
         font-size: 2.2rem;
         margin: 0;
         margin-top: calc(var(--separation) / 2);
         color: var(--card-text-color-main);
 
-        & + .taxonomy-description {
+        & + .section-description {
             margin-top: var(--separation);
         }
     }
 
-    .taxonomy-description {
+    .section-description {
         font-weight: normal;
         color: var(--card-text-color-secondary);
         font-size: 1.6rem;
         margin: 0;
     }
 
-    .taxonomy-details {
+    .section-details {
         flex-grow: 1;
         margin-right: 20px;
     }
 
-    .taxonomy-image {
+    .section-image {
         img {
             width: 60px;
             height: 60px;
         }
     }
 
-    .taxonomy-count {
+    .section-count {
         color: var(--card-text-color-tertiary);
         font-size: 1.4rem;
         margin: 0;
@@ -47,3 +47,29 @@
         text-transform: uppercase;
     }
 }
+
+.subsection-list {
+    margin-bottom: var(--section-separation);
+    overflow-x: auto;
+
+    .article-list--tile {
+        display: flex;
+        padding-bottom: 15px;
+
+        article {
+            width: 250px;
+            height: 150px;
+            margin-right: 20px;
+            flex-shrink: 0;
+
+            .article-title {
+                margin: 0;
+                font-size: 1.8rem;
+            }
+
+            .article-details {
+                padding: 20px;
+            }
+        }
+    }
+}