feat(icons): add gmail and linkedin icons

index.html

@@ -280,6 +280,14 @@
           <i class="nes-icon whatsapp"></i>
           <i class="nes-icon whatsapp is-medium"></i>
           <i class="nes-icon whatsapp is-large"></i>
+
+          <i class="nes-icon gmail"></i>
+          <i class="nes-icon gmail is-medium"></i>
+          <i class="nes-icon gmail is-large"></i>
+
+          <i class="nes-icon linkedin"></i>
+          <i class="nes-icon linkedin is-medium"></i>
+          <i class="nes-icon linkedin is-large"></i>
         </div>
       </section>
 

package-lock.json

@@ -5882,12 +5882,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5902,17 +5904,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6029,7 +6034,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6041,6 +6047,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6055,6 +6062,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -6062,12 +6070,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -6086,6 +6096,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6166,7 +6177,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6178,6 +6190,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6299,6 +6312,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",

scss/icons/gmail.scss

@@ -0,0 +1,20 @@
+$icon-gmail-colors: (#eeecec, #fd2b2b);
+// prettier-ignore
+$icon-gmail: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
+  (2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2),
+  (2,2,1,2,2,1,1,1,1,1,1,2,2,1,2,2),
+  (2,2,1,1,2,2,1,1,1,1,2,2,1,1,2,2),
+  (2,2,1,1,1,2,2,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);

scss/icons/icons.scss

@@ -13,6 +13,8 @@
 @import "twitch.scss";
 @import "reddit.scss";
 @import "whatsapp.scss";
+@import "gmail.scss";
+@import "linkedin.scss";
 
 // others
 @import "close.scss";
@@ -112,6 +114,14 @@
     &.whatsapp::before {
       @include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px);
     }
+
+    &.gmail::before {
+      @include pixelize($icon-gmail, $icon-gmail-colors, $px);
+    }
+
+    &.linkedin::before {
+      @include pixelize($icon-linkedin, $icon-linkedin-colors, $px);
+    }
   }
 
   // default

scss/icons/linkedin.scss

@@ -0,0 +1,20 @@
+$icon-linkedin-colors: (#fff, #2577b9);
+// prettier-ignore
+$icon-linkedin: (
+  (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,1,1,1,2,1,1,1,2,2,2),
+  (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,1,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+);