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 @@
 mixin backdrop
-    .o-backdrop.u-p-static(style={ width: '100%', 'min-height': '5em', 'max-height': '40em' })
+    -
+        let classes = {
+            'o-backdrop':         true,
+            'u-p-relative':       true,
+            'o-backdrop--center': attributes.center
+        }
+        if (attributes.class) {
+            classes[attributes.class] = true;
+        }
+
+    div(class=classes, style={ width: '100%', 'min-height': '5em', 'max-height': '40em' })
         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 @@
+mixin lightbox(src)
+    .o-lightbox 
+        header.o-lightbox__header
+            +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn')
+        img.o-lightbox__img(src=src)