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

Simplified the lazy loading of post images.

Browse Source
This commit is contained in:
Cotes Chung
2020-04-29 02:54:18 +08:00
parent 7b3e0f741a
commit e561dfb9be
4 changed files with 19 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/css/post.scss
View File

@@ -31,17 +31,17 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
@include semi-bold;
}
.post img {
margin-top: .5rem;
margin-bottom: 1.5rem;
max-width: 100%;
height: auto;
// filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.08));
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
.post {
img {
max-width: 100%;
margin-top: .5rem;
margin-bottom: 1.5rem;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.post-tail-wrapper {

BIN
assets/img/commons/loading.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 99 B