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

Added caption sytle for hyperlinked images (#144).

Browse Source
This commit is contained in:
Cotes Chung
2020-10-07 12:24:25 +08:00
parent c221a3e0bc
commit cb908bbb2b
3 changed files with 51 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
assets/css/_addon/main.scss
View File

@@ -816,30 +816,45 @@ div.post-content .table-wrapper {
margin-top: 2rem;
overflow-wrap: break-word;
word-wrap: break-word;
a {
@extend %link-color;
@extend %link-underline;
&:hover {
@extend %link-hover;
}
}
p {
font-size: 1.08rem;
@mixin img {
> img {
&:not([style]) {
margin: .5rem 0;
@include align-center;
+ em {
display: block;
text-align: center;
font-style: normal;
font-size: 80%;
padding: 0;
color: #6d6c6c;
}
@include img-caption;
}
}
}
@mixin img-caption {
+ em {
display: block;
text-align: center;
font-style: normal;
font-size: 80%;
padding: 0;
color: #6d6c6c;
}
}
a {
&:not(.img-hyperlink) {
@extend %link-color;
@extend %link-underline;
&:hover {
@extend %link-hover;
}
}
&.img-hyperlink {
@include img;
@include img-caption;
}
}
p {
font-size: 1.08rem;
@include img;
}// p
}