From f459d177a548eb7322d7d5cf7615f53fe66bf75b Mon Sep 17 00:00:00 2001
From: Patrick Neff <odie86@gmail.com>
Date: Thu, 27 Jun 2019 15:40:41 +0200
Subject: [PATCH] hide lightbox template by default

---
 themes/neff/src/scss/_lightbox.scss | 216 ++++++++++++++--------------
 1 file changed, 110 insertions(+), 106 deletions(-)

diff --git a/themes/neff/src/scss/_lightbox.scss b/themes/neff/src/scss/_lightbox.scss
index 1e01a9a..3ebdf14 100644
--- a/themes/neff/src/scss/_lightbox.scss
+++ b/themes/neff/src/scss/_lightbox.scss
@@ -1,107 +1,111 @@
-.lightbox {
-    position: fixed;
-    width: 100vw;
-    height: 100vh;
-    margin: 0;
-    top: 0;
-    left: 0;
-    background-color: rgba(#000, 0.5);
-    z-index: 10000;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-
-    .lightbox-container {
-        flex: 0 0 0;
-        position: relative;
-        padding: $gutter-width;
-        margin: $gutter-width;
-        background-color: $background-color;
-        border-radius: $border-radius;
-
-        .lightbox-header {
-            flex: 0 0 0;
-            display: flex;
-            flex-direction: row;
-            justify-content: space-between;
-
-            h1 {
-                flex: 1 0 0;
-                font-size: 1.4rem;
-            }
-        }
-
-        .lightbox-image {
-            flex: 1 0 0;
-            text-align: center;
-            vertical-align: middle;
-            margin: 0;
-            padding: 0;
-
-            .image-container {
-                position: relative;
-                margin: 0;
-                padding: 0;
-
-                img {
-                    margin: 0;
-                    padding: 0;
-                    max-height: calc(90vh - calc(8 * #{$gutter-width}));
-                    max-width: calc(90vw - calc(4 * #{$gutter-width}));
-                }
-            }
-        }
-
-        .lightbox-footer {
-            flex: 0 0 0;
-            z-index: 100000;
-            max-width: 500px;
-        }
-
-        .lightbox-controls {
-            font-size: 1.6rem;
-        }
-
-        .lightbox-close {
-            position: absolute;
-            right: 0;
-            top: 0;
-            margin: $gutter-width;
-            z-index: 100000;
-        }
-
-        .lightbox-nav-prev,
-        .lightbox-nav-next {
-            cursor: pointer;
-            position: absolute;
-            top: 0;
-            width: 40%;
-            height: 100%;
-            margin: 0;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            div {
-                background-color: #fff;
-                vertical-align: middle;
-                padding: $gutter-width;
-            }
-        }
-        .lightbox-nav-prev {
-            left: 0;
-
-            div {
-                border-radius: 0 $border-radius $border-radius 0;
-            }
-        }
-
-        .lightbox-nav-next {
-            right: 0;
-            div {
-                margin-left: auto;
-                border-radius: $border-radius 0 0 $border-radius;
-            }
-        }
-    }
+#lightbox-template {
+  display: none;
+}
+
+.lightbox {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  top: 0;
+  left: 0;
+  background-color: rgba(#000, 0.5);
+  z-index: 10000;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+
+  .lightbox-container {
+    flex: 0 0 0;
+    position: relative;
+    padding: $gutter-width;
+    margin: $gutter-width;
+    background-color: $background-color;
+    border-radius: $border-radius;
+
+    .lightbox-header {
+      flex: 0 0 0;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+
+      h1 {
+        flex: 1 0 0;
+        font-size: 1.4rem;
+      }
+    }
+
+    .lightbox-image {
+      flex: 1 0 0;
+      text-align: center;
+      vertical-align: middle;
+      margin: 0;
+      padding: 0;
+
+      .image-container {
+        position: relative;
+        margin: 0;
+        padding: 0;
+
+        img {
+          margin: 0;
+          padding: 0;
+          max-height: calc(90vh - calc(8 * #{$gutter-width}));
+          max-width: calc(90vw - calc(4 * #{$gutter-width}));
+        }
+      }
+    }
+
+    .lightbox-footer {
+      flex: 0 0 0;
+      z-index: 100000;
+      max-width: 500px;
+    }
+
+    .lightbox-controls {
+      font-size: 1.6rem;
+    }
+
+    .lightbox-close {
+      position: absolute;
+      right: 0;
+      top: 0;
+      margin: $gutter-width;
+      z-index: 100000;
+    }
+
+    .lightbox-nav-prev,
+    .lightbox-nav-next {
+      cursor: pointer;
+      position: absolute;
+      top: 0;
+      width: 40%;
+      height: 100%;
+      margin: 0;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      div {
+        background-color: #fff;
+        vertical-align: middle;
+        padding: $gutter-width;
+      }
+    }
+    .lightbox-nav-prev {
+      left: 0;
+
+      div {
+        border-radius: 0 $border-radius $border-radius 0;
+      }
+    }
+
+    .lightbox-nav-next {
+      right: 0;
+      div {
+        margin-left: auto;
+        border-radius: $border-radius 0 0 $border-radius;
+      }
+    }
+  }
 }