Added a new filter Pink by vincent

.vs/ProjectSettings.json

@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}

.vs/VSWorkspaceState.json

@@ -0,0 +1,7 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "SelectedNode": "\\C:\\Users\\LocalAdmin\\Desktop\\vincent\\CSSgram",
+  "PreviewInSolutionExplorer": false
+}

site/.vs/ProjectSettings.json

@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}

site/.vs/VSWorkspaceState.json

@@ -0,0 +1,11 @@
+{
+  "ExpandedNodes": [
+    "",
+    "\\img",
+    "\\scss",
+    "\\test",
+    "\\test\\css",
+    "\\twig"
+  ],
+  "PreviewInSolutionExplorer": false
+}

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>

site/scss/demo-site.scss

@@ -2,3 +2,4 @@
 @import 'vars';
 @import 'mixins';
 @import 'home';
+@import 'pink';