diff --git a/layout/includes/layout.pug b/layout/includes/layout.pug index 3fa29cd..be97d12 100644 --- a/layout/includes/layout.pug +++ b/layout/includes/layout.pug @@ -58,7 +58,7 @@ html(lang=config.language) if (element.parentNode.tagName !== 'A') { const dataSrc = element.getAttribute("data-src") const dataCaption = element.title || element.alt || '' - utils.wrapElement(element, 'a', { href: dataSrc, 'data-fancybox': '', 'data-caption': dataCaption, 'data-thumb': dataSrc }) + utils.wrapElement(element, 'a', { href: dataSrc, 'data-fancybox': '', 'data-caption': dataCaption, 'data-thumb': dataSrc , class: "img-wrapper"}) } }) Fancybox.bind('[data-fancybox]', {}); diff --git a/source/css/_partials/post_page/markdown_content.styl b/source/css/_partials/post_page/markdown_content.styl index ab53ca7..3773168 100644 --- a/source/css/_partials/post_page/markdown_content.styl +++ b/source/css/_partials/post_page/markdown_content.styl @@ -70,6 +70,10 @@ &:hover text-decoration: underline + .img-wrapper + display: contents + cursor: zoom-in + img display: block margin: 20px auto 20px