hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add figure-img-size shortcode 

for controlling image size with <figure>
This commit is contained in:
Reorx 2022-07-01 11:47:10 +08:00
parent 3eaeb0f6c7
commit 61452c190b
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/common/main.css
View File

@ -224,6 +224,10 @@ figure > img {
text-align: center; text-align: center;
} }
.image-size-control {
margin-left: auto;
margin-right: auto;
}
.image-size-control > img { .image-size-control > img {
width: inherit; width: inherit;
height: inherit; height: inherit;

12
layouts/shortcodes/figure-img-size.html Normal file
View File

@ -0,0 +1,12 @@
{{- $width := .Get 1 }}
{{- $height := .Get 2 }}
<figure class="center align-center">
<div class="image-size-control" style="
{{- with $width }}max-width: {{ . }};{{ end -}}
{{- with $height }}max-height: {{ . }};{{ end -}}
">
{{ .Page.RenderString .Inner }}
</div>
<figcaption><p>{{ .Get 0 | markdownify }}</p></figcaption>
</figure>