Filter dogpatch added

una · Oct 6, 2016 · d012b77 · d012b77
1 parent 4615b1b
commit d012b77
Show file tree

Hide file tree

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

diff --git a/source/scss/cssgram.scss b/source/scss/cssgram.scss
@@ -22,4 +22,6 @@
 @import 'slumber';
 @import 'brannan';
 @import 'valencia';
-@import 'kelvin';
+@import 'kelvin';
+@import 'juno';
+@import 'dogpatch';
diff --git a/source/scss/dogpatch.scss b/source/scss/dogpatch.scss
@@ -0,0 +1,34 @@
+/*
+ * Dogpatch
+ *
+ */
+ @import 'shared';
+ // mixin to extend dogpatch filter
+ // @mixin dogpatch
+ // @param $filters... {filter} - Zero to many css filters to be added
+ // @example
+ //   img {
+ //     @include dogpatch;
+ //   }
+ //   or
+ //   img {
+ //     @include dogpatch(blur(2px));
+ //   }
+ //   or
+ //   img {
+ //     @include dogpatch(blur(2px)) {
+ //       /*...*/
+ //     };
+ //   }
+ @mixin dogpatch($filters...) {
+   @extend %filter-base;
+   filter: contrast(1.38) saturate(.85) brightness(1.08) $filters;
+
+   @content;
+ }
+
+ // dogpatch Instagram filter
+ %dogpatch,
+ .dogpatch {
+   @include dogpatch;
+ }