added ginza filter

Author: Caryn Humphreys

site/filters.json

@@ -62,7 +62,7 @@
         },
         {
             "name": "Ginza",
-            "is_done": false,
+            "is_done": true,
             "usage": "ginza"
         },
         {

source/css/ginza.css

@@ -0,0 +1,44 @@
+/*
+ *
+ * Ginza
+ *
+ */
+
+.ginza {
+  position: relative;
+  -webkit-filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2);
+          filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2); }
+  
+  .ginza img {
+    width: 100%;
+    z-index: 1; }
+  
+  .ginza:before {
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    z-index: 2; }
+  
+  .ginza:after {
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    z-index: 3; }
+  
+  .ginza::after {
+    background: rgba(0, 70, 150, 0.4);
+    mix-blend-mode: lighten; }
+  
+  .ginza::before {
+    background: rgba(247, 176, 153, 0.56);
+    mix-blend-mode: darken; }

source/scss/ginza.scss

@@ -0,0 +1,47 @@
+/*
+ *
+ * Ginza
+ *
+ */
+
+@import 'shared';
+
+// mixin to extend ginza filter
+// @mixin ginza
+// @param $filters... {filter} - Zero to many css filters to be added
+// @example
+//   img {
+//     @include ginza;
+//   }
+//   or
+//   img {
+//     @include ginza(blur(2px));
+//   }
+//   or
+//   img {
+//     @include ginza(blur(2px)) {
+//       /*...*/
+//     };
+//   }
+@mixin ginza($filters...) {
+  @include filter-base;
+  filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2) $filters;
+
+  &::after {
+    background: rgba(0, 70, 150, .4);
+    mix-blend-mode: lighten;
+  }
+
+  &::before {
+    background: rgba(247, 176, 153, .56);
+    mix-blend-mode: darken;
+  }
+
+  @content;
+}
+
+// ginza Instagram filter
+%ginza,
+.ginza {
+  @include ginza;
+}