Skip to content

Commit d012b77

Browse files
committed
Filter dogpatch added
1 parent 4615b1b commit d012b77

3 files changed

Lines changed: 38 additions & 2 deletions

File tree

site/filters.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
},
4848
{
4949
"name": "Dogpatch",
50-
"is_done": false,
50+
"is_done": true,
5151
"usage": "dogpatch"
5252
},
5353
{

source/scss/cssgram.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,6 @@
2222
@import 'slumber';
2323
@import 'brannan';
2424
@import 'valencia';
25-
@import 'kelvin';
25+
@import 'kelvin';
26+
@import 'juno';
27+
@import 'dogpatch';

source/scss/dogpatch.scss

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
/*
2+
* Dogpatch
3+
*
4+
*/
5+
@import 'shared';
6+
// mixin to extend dogpatch filter
7+
// @mixin dogpatch
8+
// @param $filters... {filter} - Zero to many css filters to be added
9+
// @example
10+
// img {
11+
// @include dogpatch;
12+
// }
13+
// or
14+
// img {
15+
// @include dogpatch(blur(2px));
16+
// }
17+
// or
18+
// img {
19+
// @include dogpatch(blur(2px)) {
20+
// /*...*/
21+
// };
22+
// }
23+
@mixin dogpatch($filters...) {
24+
@extend %filter-base;
25+
filter: contrast(1.38) saturate(.85) brightness(1.08) $filters;
26+
27+
@content;
28+
}
29+
30+
// dogpatch Instagram filter
31+
%dogpatch,
32+
.dogpatch {
33+
@include dogpatch;
34+
}

0 commit comments

Comments
 (0)