f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

Beautified the relate-posts card.

Browse Source
This commit is contained in:
Cotes Chung
2019-10-26 13:21:58 +08:00
parent d585d66fc5
commit 94cb59fc27
2 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/css/_src/main.scss
View File

@@ -383,7 +383,7 @@ footer .license a {
position: sticky;
top: 2rem;
transition: top 0.2s ease-in-out;
padding-right: 1.5rem;
margin-right: 1.5rem;
margin-top: 3rem;
margin-bottom: 6rem;
color: #6c757d;
@@ -859,16 +859,26 @@ table tbody td {
}
#related-posts .card {
border: none;
-webkit-transition: all .5s ease-in-out;;
-moz-transition: all .5s ease-in-out;;
transition: all .5s ease-in-out;
border: 1px solid #f1f1f1;
box-shadow: 0 0 5px 0 rgba(234, 234, 234, 0.7686274509803922);
-webkit-transition: all .3s ease-in-out;;
-moz-transition: all .3s ease-in-out;;
transition: all .3s ease-in-out;
}
#related-posts .card:hover {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
}
#related-posts .card h3 {
color: #353a3d;
}
#related-posts .timeago {
color: rgba(30,55,70,.4);
}
#related-posts p {
font-size: .9rem;
margin-bottom: .5rem;
@@ -883,10 +893,6 @@ table tbody td {
text-decoration: none;
}
#related-posts .card:hover {
transform: scale(1.05);
}
#related-posts ul {
list-style-type: none;
padding-inline-start: 1.5rem;