1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-30 09:20:02 +02:00

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

* feat(icons): added whatsapp icon

* docs(icons): added whatsapp to storybook
This commit is contained in:
Igor Guastalla
2018-12-09 11:16:53 -02:00
committed by Abdullah Samman
parent f765692e1d
commit 629a2042d9
4 changed files with 29 additions and 0 deletions

View File

@@ -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',

View File

@@ -238,6 +238,10 @@
<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>

View File

@@ -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

19
scss/icons/whatsapp.scss Normal file
View File

@@ -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 )
);