summaryrefslogtreecommitdiffstats
path: root/tpl/objects
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
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')
-rw-r--r--tpl/objects/backdrop.pug5
-rw-r--r--tpl/objects/lightbox.pug14
2 files changed, 12 insertions, 7 deletions
diff --git a/tpl/objects/backdrop.pug b/tpl/objects/backdrop.pug
index 3de1f99..cbe8866 100644
--- a/tpl/objects/backdrop.pug
+++ b/tpl/objects/backdrop.pug
@@ -1,9 +1,8 @@
1mixin backdrop 1mixin backdrop
2 - 2 -
3 let classes = { 3 let classes = {
4 'o-backdrop': true, 4 'o-backdrop': true,
5 'u-p-relative': true, 5 'u-p-relative': true,
6 'o-backdrop--center': attributes.center
7 } 6 }
8 if (attributes.class) { 7 if (attributes.class) {
9 classes[attributes.class] = true; 8 classes[attributes.class] = true;
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)