Merge pull request #173 from navjotahuja92/brannan

Brannan Filter
una · Sep 28, 2016 · 9d03fdd · 9d03fdd
2 parents f4f263c + fffb714
commit 9d03fdd
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 2 deletions.
diff --git a/site/filters.json b/site/filters.json
@@ -22,7 +22,7 @@
         },
         {
             "name": "Brannan",
-            "is_done": false,
+            "is_done": true,
             "usage": "brannan"
         },
         {

diff --git a/source/scss/brannan.scss b/source/scss/brannan.scss
@@ -0,0 +1,40 @@
+/*
+ *
+ * Brannan
+ *
+ */
+@import 'shared';
+
+// mixin to extend brannan filter
+// @mixin brannan
+// @param $filters... {filter} - Zero to many css filters to be added
+// @example
+//   img {
+//     @include brannan;
+//   }
+//   or
+//   img {
+//     @include brannan(blur(2px));
+//   }
+//   or
+//   img {
+//     @include brannan(blur(2px)) {
+//       /*...*/
+//     };
+//   }
+@mixin brannan($filters...) {
+  @extend %filter-base;
+  filter: sepia(0.5) contrast(1.4) $filters;
+
+  &::after {
+    mix-blend-mode: screen;
+  }
+
+  @content;
+}
+
+// brannan Instagram filter
+%brannan,
+.brannan {
+  @include brannan;
+}
diff --git a/source/scss/cssgram.scss b/source/scss/cssgram.scss
@@ -19,4 +19,5 @@
 @import 'clarendon';
 @import 'willow';
 @import 'rise';
-@import 'slumber';
+@import 'slumber';
+@import 'brannan'