diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-15 18:57:05 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-15 18:57:05 +0100 |
| commit | 27616aff3eaa1fb8baecfcfec1f0542473d1fb36 (patch) | |
| tree | 771e0f36783a5c17ed0821378bd869bf7ee2f5a7 /tpl/objects | |
| parent | Brighter accents in dark mode (diff) | |
| download | iro-design-27616aff3eaa1fb8baecfcfec1f0542473d1fb36.tar.gz iro-design-27616aff3eaa1fb8baecfcfec1f0542473d1fb36.tar.bz2 iro-design-27616aff3eaa1fb8baecfcfec1f0542473d1fb36.zip | |
Added lightbox
Diffstat (limited to 'tpl/objects')
| -rw-r--r-- | tpl/objects/backdrop.pug | 12 | ||||
| -rw-r--r-- | tpl/objects/lightbox.pug | 5 |
2 files changed, 16 insertions, 1 deletions
diff --git a/tpl/objects/backdrop.pug b/tpl/objects/backdrop.pug index 5d0c9e8..3de1f99 100644 --- a/tpl/objects/backdrop.pug +++ b/tpl/objects/backdrop.pug | |||
| @@ -1,3 +1,13 @@ | |||
| 1 | mixin backdrop | 1 | mixin backdrop |
| 2 | .o-backdrop.u-p-static(style={ width: '100%', 'min-height': '5em', 'max-height': '40em' }) | 2 | - |
| 3 | let classes = { | ||
| 4 | 'o-backdrop': true, | ||
| 5 | 'u-p-relative': true, | ||
| 6 | 'o-backdrop--center': attributes.center | ||
| 7 | } | ||
| 8 | if (attributes.class) { | ||
| 9 | classes[attributes.class] = true; | ||
| 10 | } | ||
| 11 | |||
| 12 | div(class=classes, style={ width: '100%', 'min-height': '5em', 'max-height': '40em' }) | ||
| 3 | block | 13 | block |
diff --git a/tpl/objects/lightbox.pug b/tpl/objects/lightbox.pug new file mode 100644 index 0000000..ba68299 --- /dev/null +++ b/tpl/objects/lightbox.pug | |||
| @@ -0,0 +1,5 @@ | |||
| 1 | mixin lightbox(src) | ||
| 2 | .o-lightbox | ||
| 3 | header.o-lightbox__header | ||
| 4 | +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') | ||
| 5 | img.o-lightbox__img(src=src) | ||