diff options
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/objects/lightbox.pug | 12 | ||||
-rw-r--r-- | tpl/views/lightbox.pug | 13 |
2 files changed, 20 insertions, 5 deletions
diff --git a/tpl/objects/lightbox.pug b/tpl/objects/lightbox.pug index 5ba8c57..faf7fa2 100644 --- a/tpl/objects/lightbox.pug +++ b/tpl/objects/lightbox.pug | |||
@@ -2,12 +2,14 @@ include icon.pug | |||
2 | 2 | ||
3 | mixin lightbox(images) | 3 | mixin lightbox(images) |
4 | .o-lightbox | 4 | .o-lightbox |
5 | header.o-lightbox__header.s-colored-links | 5 | header.o-lightbox__header |
6 | block | 6 | .s-colored-links |
7 | +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') | 7 | block |
8 | +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') | ||
8 | img.o-lightbox__img(src=images[0]) | 9 | img.o-lightbox__img(src=images[0]) |
9 | +action-button(round=true quiet=true icon='chevron-left' class='o-lightbox__nav-btn o-lightbox__nav-btn--prev') | 10 | if images.length > 1 |
10 | +action-button(round=true quiet=true icon='chevron-right' class='o-lightbox__nav-btn o-lightbox__nav-btn--next') | 11 | +action-button(round=true quiet=true icon='chevron-left' class='o-lightbox__nav-btn o-lightbox__nav-btn--prev') |
12 | +action-button(round=true quiet=true icon='chevron-right' class='o-lightbox__nav-btn o-lightbox__nav-btn--next') | ||
11 | .o-lightbox__thumbnails | 13 | .o-lightbox__thumbnails |
12 | each img, i in images | 14 | each img, i in images |
13 | - classes = i === 0 ? 'is-selected' : '' | 15 | - classes = i === 0 ? 'is-selected' : '' |
diff --git a/tpl/views/lightbox.pug b/tpl/views/lightbox.pug index 174e904..c1e5054 100644 --- a/tpl/views/lightbox.pug +++ b/tpl/views/lightbox.pug | |||
@@ -12,3 +12,16 @@ mixin view-lightbox | |||
12 | = ' ' | 12 | = ' ' |
13 | a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") | 13 | a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") |
14 | = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" | 14 | = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" |
15 | |||
16 | .c-box | ||
17 | +backdrop(class='t-dark') | ||
18 | +lightbox(['avatar.png']) | ||
19 | = "Let's try multiple links! " | ||
20 | a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925") | ||
21 | = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925" | ||
22 | = ' ' | ||
23 | a(href="https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c") | ||
24 | = "https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c" | ||
25 | = ' ' | ||
26 | a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") | ||
27 | = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" | ||