Beautified the hover of related post.

cotes2020 · cotes2020 · commit 67ef5f56de38 · 2020-01-14T02:57:31.000+08:00
diff --git a/_includes/related-posts.html b/_includes/related-posts.html
@@ -54,7 +54,7 @@ <h3 class="pt-2 mt-1 mb-4" data-toc-skip>Related Posts</h3>
                 {{ 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
@@ -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 {

Original file line number	Diff line number	Diff line change
`@@ -101,8 +101,9 @@`
`101`	`101`	`}`
`102`	`102`
`103`	`103`	`#related-posts .card:hover {`
`104`		`- -webkit-transform: translate3d(0, -8px, 0);`
`105`		`- transform: translate3d(0, -8px, 0);`
	`104`	`+ -webkit-transform: translate3d(0, -3px, 0);`
	`105`	`+ transform: translate3d(0, -3px, 0);`
	`106`	`+ filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.08));`
`106`	`107`	`}`
`107`	`108`
`108`	`109`	`#related-posts .card h3 {`