diff options
Diffstat (limited to 'tpl/objects')
| -rw-r--r-- | tpl/objects/backdrop.pug | 5 | ||||
| -rw-r--r-- | tpl/objects/lightbox.pug | 14 |
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 @@ | |||
| 1 | mixin backdrop | 1 | mixin 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 @@ | |||
| 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) | ||
