From cb67879cbcdd49aeb2f58a1e651cd283ad79b217 Mon Sep 17 00:00:00 2001 From: Annabeth Carroll Date: Thu, 6 Oct 2016 10:25:45 -0400 Subject: [PATCH 1/3] adds ludwig filter --- site/filters.json | 2 +- source/scss/cssgram.scss | 3 ++- source/scss/ludwig.scss | 36 ++++++++++++++++++++++++++++++++++++ 3 files changed, 39 insertions(+), 2 deletions(-) create mode 100644 source/scss/ludwig.scss diff --git a/site/filters.json b/site/filters.json index de5138e..62b0b89 100644 --- a/site/filters.json +++ b/site/filters.json @@ -107,7 +107,7 @@ }, { "name": "Ludwig", - "is_done": false, + "is_done": true, "usage": "ludwig" }, { diff --git a/source/scss/cssgram.scss b/source/scss/cssgram.scss index aee0b81..9d1637c 100644 --- a/source/scss/cssgram.scss +++ b/source/scss/cssgram.scss @@ -21,4 +21,5 @@ @import 'rise'; @import 'slumber'; @import 'brannan'; -@import 'valencia'; \ No newline at end of file +@import 'valencia'; +@import 'ludwig'; \ No newline at end of file diff --git a/source/scss/ludwig.scss b/source/scss/ludwig.scss new file mode 100644 index 0000000..98f48e7 --- /dev/null +++ b/source/scss/ludwig.scss @@ -0,0 +1,36 @@ +/* + * + * Ludwig + * + */ + @import 'shared'; + + // mixin to extend slumber filter + // @mixin ludwig + // @param $filters... {filter} - Zero to many css filters to be added + // @example + // img { + // @include ludwig; + // } + // or + // img { + // @include ludwig(blur(2px)); + // } + // or + // img { + // @include ludwig(blur(2px)) { + // /*...*/ + // }; + // } + @mixin ludwig($filters...) { + @extend %filter-base; + filter: saturate(0.8) contrast(1.15) brightness(1) grayscale(0.25) $filters; + + @content; + } + + // ludwig Instagram filter + %ludwig, + .ludwig { + @include ludwig; + } \ No newline at end of file From 5429c7e2fd6c079b2bfe4971c72ca84ac155249f Mon Sep 17 00:00:00 2001 From: Annabeth Carroll Date: Thu, 6 Oct 2016 10:33:35 -0400 Subject: [PATCH 2/3] fix typo in scss --- source/scss/ludwig.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/scss/ludwig.scss b/source/scss/ludwig.scss index 98f48e7..f083555 100644 --- a/source/scss/ludwig.scss +++ b/source/scss/ludwig.scss @@ -5,7 +5,7 @@ */ @import 'shared'; - // mixin to extend slumber filter + // mixin to extend ludwig filter // @mixin ludwig // @param $filters... {filter} - Zero to many css filters to be added // @example From 9a411d13c21ddf3df8dd2f284d538f4c608e5992 Mon Sep 17 00:00:00 2001 From: Annabeth Carroll Date: Thu, 6 Oct 2016 10:37:31 -0400 Subject: [PATCH 3/3] remove unnecessary brightness filter --- source/scss/ludwig.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/scss/ludwig.scss b/source/scss/ludwig.scss index f083555..de8a6f3 100644 --- a/source/scss/ludwig.scss +++ b/source/scss/ludwig.scss @@ -24,7 +24,7 @@ // } @mixin ludwig($filters...) { @extend %filter-base; - filter: saturate(0.8) contrast(1.15) brightness(1) grayscale(0.25) $filters; + filter: saturate(0.8) contrast(1.15) grayscale(0.25) $filters; @content; }