refactor: optimize meta font size

Author: cotes2020

_includes/related-posts.html

@@ -78,9 +78,9 @@ <h3 class="mb-4" id="related-label">
         <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 }}

_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 {

_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);

_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);
   }