f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-06-08 00:27:58 +00:00
Code Issues Packages Releases Activity

Avoid image caption shifting on load

Browse Source
This commit is contained in:
Cotes Chung 2022-01-13 01:07:47 +08:00
parent f8f4dd889e
commit a6c73e8f4f
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
_sass/addon/commons.scss
View File

@ -192,6 +192,8 @@ img[data-src] {
&.shadow {
filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
}
@extend %img-caption;
}
/* --- Panels --- */
@ -439,13 +441,8 @@ img[data-src] {
}
}
&.img-link + em {
display: block;
text-align: center;
font-style: normal;
font-size: 80%;
padding: 0;
color: #6d6c6c;
&.img-link {
@extend %img-caption;
}
}

11
_sass/addon/module.scss
View File

@ -93,6 +93,17 @@
font-style: normal;
}
%img-caption {
+ em {
display: block;
text-align: center;
font-style: normal;
font-size: 80%;
padding: 0;
color: #6d6c6c;
}
}
/* ---------- scss mixin --------- */
@mixin no-text-decoration {