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

feat: add shimmer background when image loads

Browse Source
This commit is contained in:
Cotes Chung
2022-12-13 21:41:32 +08:00
parent bffaf6374f
commit ab16fdc7fc
10 changed files with 207 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
_sass/layout/post.scss
View File

@@ -26,12 +26,23 @@
color: var(--text-color);
}
img.preview-img {
%preview-margin {
margin: 0;
border-radius: 6px;
}
.preview-img {
@include align-center;
@extend %preview-margin;
&:not(.no-bg) {
background: var(--preview-img-bg);
img.lazyloaded {
background: var(--img-bg);
}
}
img {
@extend %preview-margin;
@extend %img-rounded;
}
}