From fa43f923704d19eb48499208bfa03cfbbbefc7d3 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Thu, 2 Jan 2020 20:58:00 +0800
Subject: [PATCH] Beautified the hover of related post.

---
 _includes/related-posts.html | 2 +-
 assets/css/post.scss         | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/_includes/related-posts.html b/_includes/related-posts.html
index e5bf055..b02eb10 100644
--- a/_includes/related-posts.html
+++ b/_includes/related-posts.html
@@ -54,7 +54,7 @@
                 {{ post.date | date: POST_DATE }}
                 <i class="unloaded">{{ post.date | date_to_xmlschema }}</i>
             </span>
-            <h3 class="pt-0 mt-2 mb-3" data-toc-skip>{{ post.title }}</h3>
+            <h3 class="pt-0 mt-1 mb-3" data-toc-skip>{{ post.title }}</h3>
             <div class="text-muted small">
               <p>{{ post.content | markdownify | strip_html | truncate: 200 | replace: '&', '&amp;' }}</p>
             </div>
diff --git a/assets/css/post.scss b/assets/css/post.scss
index 2f9204f..76e74d5 100644
--- a/assets/css/post.scss
+++ b/assets/css/post.scss
@@ -101,8 +101,9 @@
 }
 
 #related-posts .card:hover {
-  -webkit-transform: translate3d(0, -8px, 0);
-  transform: translate3d(0, -8px, 0);
+  -webkit-transform: translate3d(0, -3px, 0);
+  transform: translate3d(0, -3px, 0);
+  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.08));
 }
 
 #related-posts .card h3 {