asandikci.com/web
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

Beautified the hover of related post.

Browse source
This commit is contained in:
Cotes Chung 2020-01-02 20:58:00 +08:00
parent 6aac3f95fe
commit fa43f92370
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/related-posts.html
View file

@ -54,7 +54,7 @@
{{ post.date | date: POST_DATE }} {{ post.date | date: POST_DATE }}
<i class="unloaded">{{ post.date | date_to_xmlschema }}</i> <i class="unloaded">{{ post.date | date_to_xmlschema }}</i>
</span> </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"> <div class="text-muted small">
<p>{{ post.content | markdownify | strip_html | truncate: 200 | replace: '&', '&amp;' }}</p> <p>{{ post.content | markdownify | strip_html | truncate: 200 | replace: '&', '&amp;' }}</p>
</div> </div>

5
assets/css/post.scss
View file

@ -101,8 +101,9 @@
} }
#related-posts .card:hover { #related-posts .card:hover {
-webkit-transform: translate3d(0, -8px, 0); -webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -8px, 0); transform: translate3d(0, -3px, 0);
filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.08));
} }
#related-posts .card h3 { #related-posts .card h3 {