summaryrefslogtreecommitdiffstats
path: root/tpl/objects/lightbox.pug
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-17 16:32:46 +0100
committerVolpeon <git@volpeon.ink>2022-02-17 16:32:46 +0100
commitc349ec9b07bea4b414e282e69d704f6b6312a19e (patch)
treec270f94eecd6815a0793e43a9e9f16267230f93a /tpl/objects/lightbox.pug
parentFixed action menu border color (diff)
downloadiro-design-c349ec9b07bea4b414e282e69d704f6b6312a19e.tar.gz
iro-design-c349ec9b07bea4b414e282e69d704f6b6312a19e.tar.bz2
iro-design-c349ec9b07bea4b414e282e69d704f6b6312a19e.zip
Improved lightbox
Diffstat (limited to 'tpl/objects/lightbox.pug')
-rw-r--r--tpl/objects/lightbox.pug14
1 files changed, 10 insertions, 4 deletions
diff --git a/tpl/objects/lightbox.pug b/tpl/objects/lightbox.pug
index ba68299..bfb4f49 100644
--- a/tpl/objects/lightbox.pug
+++ b/tpl/objects/lightbox.pug
@@ -1,5 +1,11 @@
1mixin lightbox(src) 1mixin lightbox(images)
2 .o-lightbox 2 .o-lightbox
3 header.o-lightbox__header 3 header.o-lightbox__header.s-colored-links
4 +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') 4 block
5 img.o-lightbox__img(src=src) 5 +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn')
6 img.o-lightbox__img(src=images[0])
7 footer.o-lightbox__footer
8 each img, i in images
9 - classes = i === 0 ? 'is-selected' : ''
10 button.o-lightbox__thumbnail(class=classes)
11 img.o-lightbox__thumbnail-img(src=img)