From 50835b4c715a912d1d96fb164cda0120008a2628 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Sun, 8 Oct 2023 04:40:16 +0800
Subject: [PATCH] refactor: optimize meta font size

---
 _includes/related-posts.html | 4 ++--
 _sass/addon/commons.scss     | 4 ++--
 _sass/addon/module.scss      | 6 +++++-
 _sass/layout/post.scss       | 5 +++--
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/_includes/related-posts.html b/_includes/related-posts.html
index ebe98d0..1ba2f32 100644
--- a/_includes/related-posts.html
+++ b/_includes/related-posts.html
@@ -78,9 +78,9 @@
         <article class="col">
           <a href="{{ post.url | relative_url }}" class="post-preview card h-100">
             <div class="card-body">
-              {% include datetime.html date=post.date class="small" lang=include.lang %}
+              {% include datetime.html date=post.date lang=include.lang %}
               <h4 class="pt-0 my-2">{{ post.title }}</h4>
-              <div class="text-muted small">
+              <div class="text-muted">
                 <p>
                   {% include no-linenos.html content=post.content %}
                   {{ content | markdownify | strip_html | truncate: 200 | escape }}
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index d8e6b4a..528de00 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -136,7 +136,7 @@ footer {
   height: $footer-height;
   border-top: 1px solid var(--main-border-color);
 
-  @extend %text-meta;
+  @extend %text-xs;
 
   a {
     @extend %text-highlight;
@@ -379,7 +379,7 @@ main {
 }
 
 .post-meta {
-  @extend %text-meta;
+  @extend %text-sm;
 
   a {
     &:not([class]):hover {
diff --git a/_sass/addon/module.scss b/_sass/addon/module.scss
index f1fdd84..d1b7103 100644
--- a/_sass/addon/module.scss
+++ b/_sass/addon/module.scss
@@ -127,10 +127,14 @@
   font-weight: 600;
 }
 
-%text-meta {
+%text-sm {
   font-size: 0.85rem;
 }
 
+%text-xs {
+  font-size: 0.8rem;
+}
+
 %sup-fn-target {
   &:target {
     background-color: var(--footnote-target-bg);
diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss
index 72a4a46..f44ee89 100644
--- a/_sass/layout/post.scss
+++ b/_sass/layout/post.scss
@@ -40,7 +40,7 @@ h1 + .post-meta {
 }
 
 .post-tail-wrapper {
-  @extend %text-meta;
+  @extend %text-sm;
 
   margin-top: 6rem;
   border-bottom: 1px double var(--main-border-color);
@@ -57,7 +57,7 @@ h1 + .post-meta {
     }
 
     span:last-child {
-      @extend %text-meta;
+      @extend %text-sm;
     }
   } /* .license-wrapper */
 
@@ -297,6 +297,7 @@ h1 + .post-meta {
 
   time {
     @extend %normal-font-style;
+    @extend %text-xs;
 
     color: var(--text-muted-color);
   }