CSSgram/source/scss/niro.scss at d1b0ee6eb98831115efca999047a1dab185d0ef6 · 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
/*
 *
 * Niroshan
 *
 */
 @import 'shared';

 // mixin to extend niro filter
 // @mixin niro
 // @param $filters... {filter} - Zero to many css filters to be added
 // @example
 //   img {
 //     @include niro;
 //   }
 //   or
 //   img {
 //     @include niro(blur(2px));
 //   }
 //   or
 //   img {
 //     @include niro(blur(2px)) {
 //       /*...*/
 //     };
 //   }
 @mixin niro($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;
 }

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