From dba0299b215eca89639592685332bc70a233754a Mon Sep 17 00:00:00 2001
From: Caryn Humphreys <c.humphreys@vehikl.com>
Date: Sat, 22 Oct 2016 19:07:06 -0400
Subject: [PATCH 1/3] added stinson filter

---
 site/filters.json        |  2 +-
 source/css/stinson.css   | 36 ++++++++++++++++++++++++++++++++++++
 source/scss/stinson.scss | 37 +++++++++++++++++++++++++++++++++++++
 3 files changed, 74 insertions(+), 1 deletion(-)
 create mode 100644 source/css/stinson.css
 create mode 100644 source/scss/stinson.scss

diff --git a/site/filters.json b/site/filters.json
index d762217..878ecde 100644
--- a/site/filters.json
+++ b/site/filters.json
@@ -162,7 +162,7 @@
         },
         {
             "name": "Stinson",
-            "is_done": false,
+            "is_done": true,
             "usage": "stinson"
         },
         {
diff --git a/source/css/stinson.css b/source/css/stinson.css
new file mode 100644
index 0000000..a44595e
--- /dev/null
+++ b/source/css/stinson.css
@@ -0,0 +1,36 @@
+/*
+ *
+ * Stinson
+ *
+ */
+
+.stinson {
+  position: relative;
+  -webkit-filter: contrast(0.75) saturate(0.85);
+          filter: contrast(0.75) saturate(0.85); }
+  
+  .stinson img {
+    width: 100%;
+    z-index: 1; }
+  
+  .stinson:before {
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    z-index: 2; }
+  
+  .stinson:after {
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    z-index: 3; }
diff --git a/source/scss/stinson.scss b/source/scss/stinson.scss
new file mode 100644
index 0000000..8a3e36f
--- /dev/null
+++ b/source/scss/stinson.scss
@@ -0,0 +1,37 @@
+/*
+ *
+ * Stinson
+ *
+ */
+
+@import 'shared';
+
+// mixin to extend stinson filter
+// @mixin stinson
+// @param $filters... {filter} - Zero to many css filters to be added
+// @example
+//   img {
+//     @include stinson;
+//   }
+//   or
+//   img {
+//     @include stinson(blur(2px));
+//   }
+//   or
+//   img {
+//     @include stinson(blur(2px)) {
+//       /*...*/
+//     };
+//   }
+@mixin stinson($filters...) {
+  @include filter-base;
+  filter: contrast(0.75) saturate(0.85) $filters;
+
+  @content;
+}
+
+// stinson Instagram filter
+%stinson,
+.stinson {
+  @include stinson;
+}

From 75bdff5532c62b957f96833a06be8a05164718c0 Mon Sep 17 00:00:00 2001
From: Caryn Humphreys <c.humphreys@vehikl.com>
Date: Tue, 1 Nov 2016 10:23:33 -0400
Subject: [PATCH 2/3] adds the stinson filter import

---
 source/scss/cssgram.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/source/scss/cssgram.scss b/source/scss/cssgram.scss
index e1776c7..65872f7 100644
--- a/source/scss/cssgram.scss
+++ b/source/scss/cssgram.scss
@@ -22,4 +22,5 @@
 @import 'brannan';
 @import 'valencia';
 @import 'kelvin';
-@import 'maven';
\ No newline at end of file
+@import 'maven';
+@import 'stinson';

From 12e5a5cdda8ed6e393039e459b276cb3e42b4a3b Mon Sep 17 00:00:00 2001
From: Caryn Humphreys <c.humphreys@vehikl.com>
Date: Thu, 3 Nov 2016 22:28:29 -0400
Subject: [PATCH 3/3] heightens brightness and adds a before pseudo for a
 warmer hue

---
 source/css/stinson.css   | 15 ++++++++++-----
 source/scss/stinson.scss |  7 ++++++-
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/source/css/stinson.css b/source/css/stinson.css
index a44595e..fe4bc97 100644
--- a/source/css/stinson.css
+++ b/source/css/stinson.css
@@ -6,13 +6,13 @@
 
 .stinson {
   position: relative;
-  -webkit-filter: contrast(0.75) saturate(0.85);
-          filter: contrast(0.75) saturate(0.85); }
-  
+  -webkit-filter: contrast(0.75) saturate(0.85) brightness(1.15);
+          filter: contrast(0.75) saturate(0.85) brightness(1.15); }
+
   .stinson img {
     width: 100%;
     z-index: 1; }
-  
+
   .stinson:before {
     content: '';
     display: block;
@@ -23,7 +23,7 @@
     position: absolute;
     pointer-events: none;
     z-index: 2; }
-  
+
   .stinson:after {
     content: '';
     display: block;
@@ -34,3 +34,8 @@
     position: absolute;
     pointer-events: none;
     z-index: 3; }
+
+  &::before {
+    background: rgba(240, 149, 128, .2);
+    mix-blend-mode: soft-light;
+  }
\ No newline at end of file
diff --git a/source/scss/stinson.scss b/source/scss/stinson.scss
index 8a3e36f..bed4cd0 100644
--- a/source/scss/stinson.scss
+++ b/source/scss/stinson.scss
@@ -25,7 +25,12 @@
 //   }
 @mixin stinson($filters...) {
   @include filter-base;
-  filter: contrast(0.75) saturate(0.85) $filters;
+  filter: contrast(0.75) saturate(0.85) brightness(1.15) $filters;
+
+  &::before {
+    background: rgba(240, 149, 128, .2);
+    mix-blend-mode: soft-light;
+  }
 
   @content;
 }