diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-17 16:32:46 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-17 16:32:46 +0100 |
| commit | c349ec9b07bea4b414e282e69d704f6b6312a19e (patch) | |
| tree | c270f94eecd6815a0793e43a9e9f16267230f93a /tpl/objects/lightbox.pug | |
| parent | Fixed action menu border color (diff) | |
| download | iro-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.pug | 14 |
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 @@ | |||
| 1 | mixin lightbox(src) | 1 | mixin 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) | ||