Fix _lightbox.scss

// FREEBIE

stylesheets/_lightbox.scss

@@ -1 +0,0 @@
-../components/lightbox2/dist/css/lightbox.css

stylesheets/_lightbox.scss

@@ -0,0 +1,59 @@
+.lightbox {
+  &.modal {
+    padding: 30px;
+    text-align: center;
+    background-color: rgba(0,0,0,0.8);
+
+    .content {
+      margin: 0;
+      padding: 0 50px;
+      max-width: 100%;
+      height: 100%;
+      box-shadow: none;
+      background: transparent;
+
+      img {
+        display: block;
+        margin: auto;
+        max-width: 100%;
+        max-height: 100%;
+      }
+    }
+
+    .controls {
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 50px;
+    }
+
+    a {
+      background: transparent;
+      width: 50px;
+      height: 50px;
+      margin-bottom: 10px;
+
+      display: inline-block;
+      cursor: pointer;
+      border-radius: 50%;
+      padding: 3px;
+
+      &:before {
+        content: '';
+        display: block;
+        width: 100%;
+        height: 100%;
+      }
+
+      &:hover {
+        background: $grey;
+      }
+    }
+
+    .save {
+      &:before {
+        @include color-svg('/images/save.svg', white);
+      }
+    }
+  }
+}