💄 Style: change font size of the Collection List and TOC

hugo-fixit · Jul 28, 2024 · 66b86d9 · 66b86d9
1 parent 16c903f
commit 66b86d9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/assets/css/_partials/_single/_collections.scss b/assets/css/_partials/_single/_collections.scss
@@ -127,6 +127,7 @@
     .collection-name {
       flex-grow: 1;
       font-weight: bold;
+      font-size: $collection-title-font-size;
 
       &::before {
         content: attr(data-collections) '・';
@@ -146,7 +147,7 @@
   }
 
   .collection-content {
-    font-size: $toc-content-font-size;
+    font-size: $collection-list-font-size;
     background-color: darken($global-background-color, 2%);
 
     [data-theme='dark'] & {

diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss
@@ -95,8 +95,12 @@ $tag-cloud-end-dark: $global-font-color-dark!default;
 
 // ========== Single Content ========== //
 // Font size of the TOC
-$toc-title-font-size: 1.2rem !default;
-$toc-content-font-size: 1rem !default;
+$toc-title-font-size: 1rem !default;
+$toc-content-font-size: 0.875rem !default;
+
+// Font size of the Collection List
+$collection-title-font-size: 1rem !default;
+$collection-list-font-size: 0.875rem !default;
 
 // Color of the single link
 $single-link-color: #2376b7 !default; // 花青