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

Move the preview image of the post to the top

Browse Source
This commit is contained in:
Cotes Chung
2021-12-03 16:36:40 +08:00
parent 6a65f3a7f7
commit 3c91dc1f6f
5 changed files with 90 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
_sass/layout/post.scss
View File

@@ -31,12 +31,13 @@ h1 + .post-meta {
}
}
.post-content {
.preview-img {
@include align-center;
img.preview-img {
margin-top: 3.75rem;
margin-bottom: 0;
border-radius: 6px;
margin-top: 0;
margin-bottom: 2.5rem !important;
&.bg[data-loaded=true] {
background: var(--preview-img-bg);
}
}
@@ -321,6 +322,10 @@ nav[data-toggle=toc] {
} // .license-wrapper
@media all and (max-width: 576px) {
.preview-img[data-src] {
margin-top: 2.2rem;
}
.post-tail-bottom {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;