Added a new filter Pink by vincent

Author: vincenttan0820

site/css/demo-site.css

@@ -454,7 +454,51 @@
     background: -webkit-radial-gradient(circle, transparent 70%, #222222 150%);
     background: radial-gradient(circle, transparent 70%, #222222 150%);
     mix-blend-mode: multiply; }
+/*
+*
+* Pink
+*
+*/
+
+.pink-filter {
+    position: relative;
+    -webkit-filter: contrast(1.1) brightness(2.1) saturate(1.3);
+    filter: contrast(1.1) brightness(2.1) saturate(1.3);
+}
+
+.pink-filter img {
+    width: 100%;
+    z-index: 1;
+}
+
+.pink-filter:before {
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+}
+
+.pink-filter:after {
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    z-index: 3;
+}
 
+.pink-filter:after {
+    background: rgba(243, 106, 188, 0.3);
+    mix-blend-mode: screen;
+}
 /*
  * 1977
  *

site/index.html

@@ -57,6 +57,12 @@ <h2 class="title--top-sub">A tiny (&lt;1kb gzipped!) library for recreating <a h
           <figcaption>#nofilter</figcaption>
         </figure>
       </li>
+            <li class="demo__item">
+                <figure class="pink-filter">
+                    <img>
+                    <figcaption>Pink</figcaption>
+                </figure>
+            </li>               
                         <li class="demo__item">
             <figure class="_1977">
               <img>