feat(icons): add whatsapp icon (#122)

* feat(icons): added whatsapp icon * docs(icons): added whatsapp to storybook
nostalgic-css · Dec 9, 2018 · 629a204 · 629a204
1 parent f765692
commit 629a204
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 0 deletions.
diff --git a/docs/icons.stories.js b/docs/icons.stories.js
@@ -13,6 +13,7 @@ stories.add('icon', () => {
     'icon github': 'icon github',
     'icon google': 'icon google',
     'icon youtube': 'icon youtube',
+    'icon whatsapp': 'icon whatsapp',
     'icon close': 'icon close',
     pokeball: 'pokeball',
     smartphone: 'smartphone',

diff --git a/index.html b/index.html
@@ -238,6 +238,10 @@ <h3 class="title">SNS</h3>
           <i class="icon reddit"></i>
           <i class="icon reddit is-medium"></i>
           <i class="icon reddit is-large"></i>
+
+          <i class="icon whatsapp"></i>
+          <i class="icon whatsapp is-medium"></i>
+          <i class="icon whatsapp is-large"></i>
         </div>
       </section>
 

diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
@@ -12,6 +12,7 @@
 @import "medium.scss";
 @import "twitch.scss";
 @import "reddit.scss";
+@import "whatsapp.scss";
 
 // others
 @import "close.scss";
@@ -101,6 +102,10 @@
     &.reddit::before {
       @include pixelize($icon-reddit, $icon-reddit-colors, $px);
     }
+
+    &.whatsapp::before {
+      @include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px);
+    }
   }
 
   // default

diff --git a/scss/icons/whatsapp.scss b/scss/icons/whatsapp.scss
@@ -0,0 +1,19 @@
+$icon-whatsapp-colors: (#00ba37, #fff);
+// prettier-ignore
+$icon-whatsapp: (
+  ( 0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0 ),
+  ( 0,0,1,1,1,2,2,2,2,2,2,2,1,1,1,0 ),
+  ( 0,1,1,1,2,1,1,1,1,1,1,1,2,1,1,1 ),
+  ( 0,1,1,2,1,1,1,1,1,1,1,1,1,2,1,1 ),
+  ( 0,1,1,2,1,2,2,1,1,1,1,1,1,2,1,1 ),
+  ( 0,1,2,1,1,2,2,1,1,1,1,1,1,1,2,1 ),
+  ( 0,1,2,1,1,2,1,1,1,1,1,1,1,1,2,1 ),
+  ( 0,1,2,1,1,1,2,2,1,1,1,1,1,1,2,1 ),
+  ( 0,1,2,1,1,1,1,2,2,1,1,1,1,1,2,1 ),
+  ( 0,1,2,1,1,1,1,1,2,1,2,2,1,1,2,1 ),
+  ( 0,1,1,2,1,1,1,1,1,2,2,2,1,2,1,1 ),
+  ( 0,1,1,2,1,1,1,1,1,1,1,1,1,2,1,1 ),
+  ( 0,1,2,1,2,1,1,1,1,1,1,1,2,1,1,1 ),
+  ( 0,1,2,2,1,2,2,2,2,2,2,2,1,1,1,0 ),
+  ( 0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0 )
+);