feat: related posts style & reading time estimate

2 files changed, 22 insertions, 1 deletions

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 787c4e2d..932ce6a5 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -46,7 +46,7 @@
 }
 
 .card-page {
-    .referenced-articles {
+    .related-posts {
         h2 {
             font-size: 1.2rem;
             color: var(--secondary-text-color);
diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss
index 5ab58c85..01c0deff 100644
--- a/assets/css/components/_post.scss
+++ b/assets/css/components/_post.scss
@@ -82,3 +82,24 @@
         }
     }
 }
+
+/* related posts */
+
+.related-posts {
+    .related-posts-list {
+        padding-inline-start: 0;
+        .related-posts-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .related-post-subtitle {
+                color: var(--secondary-text-color);
+            }
+            .related-post-reading-time {
+                font-family: var(--mono-font-family);
+                color: var(--secondary-text-color);
+                font-size: 0.9rem;
+            }
+        }
+    }
+}