From 466788d7e8dd1103c9121b4da11ae394205a042e Mon Sep 17 00:00:00 2001 From: Raymond Chung Date: Thu, 20 Oct 2016 21:58:39 -0400 Subject: [PATCH 1/3] Readded Stinson filter --- site/filters.json | 4 ++-- source/scss/cssgram.scss | 3 ++- source/scss/stinson.scss | 41 ++++++++++++++++++++++++++++++++++++++++ 3 files changed, 45 insertions(+), 3 deletions(-) create mode 100644 source/scss/stinson.scss diff --git a/site/filters.json b/site/filters.json index de5138e..c26d3a3 100644 --- a/site/filters.json +++ b/site/filters.json @@ -162,7 +162,7 @@ }, { "name": "Stinson", - "is_done": false, + "is_done": true, "usage": "stinson" }, { @@ -203,4 +203,4 @@ ], "images": ["atx", "bike", "cacti", "lakegeneva", "tahoe"] -} \ No newline at end of file +} diff --git a/source/scss/cssgram.scss b/source/scss/cssgram.scss index a328cb9..1e81cf9 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 +@import 'kelvin'; diff --git a/source/scss/stinson.scss b/source/scss/stinson.scss new file mode 100644 index 0000000..57ee93b --- /dev/null +++ b/source/scss/stinson.scss @@ -0,0 +1,41 @@ +/* + * + * 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: brightness(1.24) contrast(0.94) hue-rotate(12deg) $filters; + + &::after { + background: rgb(235, 228, 222); + mix-blend-mode: multiply; + } + + @content; +} + +// stinson Instagram filter +%stinson, +.stinson { + @include stinson; +} From 17b262feea8c75135ff252811be2e5fb07967e73 Mon Sep 17 00:00:00 2001 From: Raymond Chung Date: Wed, 2 Nov 2016 14:20:09 -0400 Subject: [PATCH 2/3] Changed settings to reflect it better --- source/scss/stinson.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/scss/stinson.scss b/source/scss/stinson.scss index 57ee93b..96a1d12 100644 --- a/source/scss/stinson.scss +++ b/source/scss/stinson.scss @@ -24,7 +24,7 @@ // } @mixin stinson($filters...) { @include filter-base; - filter: brightness(1.24) contrast(0.94) hue-rotate(12deg) $filters; + filter: brightness(1.25) contrast(0.8) saturate(0.95) grayscale(0.05) sepia(0.05) $filters; &::after { background: rgb(235, 228, 222); From 95f7382e52d5018a24ece1b3663381161bd1ec7b Mon Sep 17 00:00:00 2001 From: Raymond Chung Date: Thu, 3 Nov 2016 00:39:48 -0400 Subject: [PATCH 3/3] Added the changes requested. --- source/scss/stinson.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/source/scss/stinson.scss b/source/scss/stinson.scss index 96a1d12..69e15ee 100644 --- a/source/scss/stinson.scss +++ b/source/scss/stinson.scss @@ -24,11 +24,11 @@ // } @mixin stinson($filters...) { @include filter-base; - filter: brightness(1.25) contrast(0.8) saturate(0.95) grayscale(0.05) sepia(0.05) $filters; + filter: brightness(1.15) contrast(.8) saturate(.85) sepia(.1) $filters; &::after { - background: rgb(235, 228, 222); - mix-blend-mode: multiply; + background: rgba(240, 149, 128, .2); + mix-blend-mode: soft-light; } @content;