CSSgram/source/scss/calven.scss at 95bb156f7ac3ad6ca7f925a7036867eaae7252de · una/CSSgram · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
/*
 *
 * Calven
 *
 */
@import 'shared';

// mixin to extend calven filter
// @mixin calven
// @param $filters... {filter} - Zero to many css filters to be added
// @example
//   img {
//     @include calven;
//   }
//   or
//   img {
//     @include calven(blur(2px));
//   }
//   or
//   img {
//     @include calven(blur(2px)) {
//       /*...*/
//     };
//   }
@mixin calven($filters...) {
  @include filter-base;
  filter: contrast(.9) brightness(1.1) $filters;

  &::after {
    filter: brightness(99%) hue-rotate(25deg) saturate(238%) contrast(96%);
-webkit-filter: brightness(99%) hue-rotate(25deg) saturate(238%) contrast(96%);
-moz-filter: brightness(99%) hue-rotate(25deg) saturate(238%) contrast(96%);
  }

  @content;
}

// calven Instagram filter
%calven,
.calven {
  @include calven;
}