From 14e849ff4a508c34364ebfdda8d4734856c7f2fa Mon Sep 17 00:00:00 2001
From: meowwwls <meowwwls@users.noreply.github.com>
Date: Mon, 31 Oct 2016 16:31:58 -0500
Subject: [PATCH 1/3] Add Stinson filter

---
 site/filters.json        |  2 +-
 source/scss/cssgram.scss |  1 +
 source/scss/stinson.scss | 43 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 source/scss/stinson.scss

diff --git a/site/filters.json b/site/filters.json
index 22aedf7..5b9cdd6 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/scss/cssgram.scss b/source/scss/cssgram.scss
index a328cb9..1387ae3 100644
--- a/source/scss/cssgram.scss
+++ b/source/scss/cssgram.scss
@@ -19,6 +19,7 @@
 @import 'willow';
 @import 'rise';
 @import 'slumber';
+@import 'stinson';
 @import 'brannan';
 @import 'valencia';
 @import 'kelvin';
\ No newline at end of file
diff --git a/source/scss/stinson.scss b/source/scss/stinson.scss
new file mode 100644
index 0000000..f151598
--- /dev/null
+++ b/source/scss/stinson.scss
@@ -0,0 +1,43 @@
+/*
+ *
+ * Inkwell
+ *
+ */
+@import 'shared';
+
+// mixin to extend inkwell filter
+// @mixin inkwell
+// @param $filters... {filter} - Zero to many css filters to be added
+// @example
+//   img {
+//     @include inkwell;
+//   }
+//   or
+//   img {
+//     @include inkwell(blur(2px));
+//   }
+//   or
+//   img {
+//     @include inkwell(blur(2px)) {
+//       /*...*/
+//     };
+//   }
+@mixin stinson($filters...) {
+  @include filter-base;
+  filter: sepia(.2) hue-rotate(-2deg) contrast(.9) brightness(1.05) $filters;
+  &::before {
+    background-color: #9E9795;
+    mix-blend-mode: soft-light;
+  }
+  &::after {
+    background-color: #332A25;
+    mix-blend-mode: lighten;
+  }
+  @content;
+}
+
+// inkwell Instagram filter
+%stinson,
+.stinson {
+  @include stinson;
+}

From ff9b9ff76640aaaf2c1b18c406868f1a2a859ea2 Mon Sep 17 00:00:00 2001
From: meowwwls <meowwwls@users.noreply.github.com>
Date: Mon, 31 Oct 2016 16:58:09 -0500
Subject: [PATCH 2/3] Change hex to rgba for Stinson

---
 source/scss/stinson.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source/scss/stinson.scss b/source/scss/stinson.scss
index f151598..e1af9ee 100644
--- a/source/scss/stinson.scss
+++ b/source/scss/stinson.scss
@@ -26,11 +26,11 @@
   @include filter-base;
   filter: sepia(.2) hue-rotate(-2deg) contrast(.9) brightness(1.05) $filters;
   &::before {
-    background-color: #9E9795;
+    background-color: rgba(171,148,142,.8);
     mix-blend-mode: soft-light;
   }
   &::after {
-    background-color: #332A25;
+    background-color: rgba(51,42,37,1);
     mix-blend-mode: lighten;
   }
   @content;

From 56e8f2af93e9e1b55cac991b668bc7fb6aa890b3 Mon Sep 17 00:00:00 2001
From: meowwwls <meowwwls@users.noreply.github.com>
Date: Wed, 2 Nov 2016 15:30:53 -0500
Subject: [PATCH 3/3] Add line space etween pseudo elements  (Stinson)

---
 source/scss/stinson.scss | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/source/scss/stinson.scss b/source/scss/stinson.scss
index e1af9ee..1b4fa6d 100644
--- a/source/scss/stinson.scss
+++ b/source/scss/stinson.scss
@@ -1,34 +1,36 @@
 /*
  *
- * Inkwell
+ * Stinson
  *
  */
 @import 'shared';
 
-// mixin to extend inkwell filter
-// @mixin inkwell
+// mixin to extend stinson filter
+// @mixin stinson
 // @param $filters... {filter} - Zero to many css filters to be added
 // @example
 //   img {
-//     @include inkwell;
+//     @include stinson;
 //   }
 //   or
 //   img {
-//     @include inkwell(blur(2px));
+//     @include stinson(blur(2px));
 //   }
 //   or
 //   img {
-//     @include inkwell(blur(2px)) {
+//     @include stinson(blur(2px)) {
 //       /*...*/
 //     };
 //   }
 @mixin stinson($filters...) {
   @include filter-base;
   filter: sepia(.2) hue-rotate(-2deg) contrast(.9) brightness(1.05) $filters;
+  
   &::before {
     background-color: rgba(171,148,142,.8);
     mix-blend-mode: soft-light;
   }
+  
   &::after {
     background-color: rgba(51,42,37,1);
     mix-blend-mode: lighten;
@@ -36,7 +38,7 @@
   @content;
 }
 
-// inkwell Instagram filter
+// stinson Instagram filter
 %stinson,
 .stinson {
   @include stinson;