mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-01 10:02:57 +02:00
Code Issues Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/icons.stories.js
View File

@@ -13,6 +13,7 @@ stories.add('icon', () => {
'icon github': 'icon github', 'icon github': 'icon github',
'icon google': 'icon google', 'icon google': 'icon google',
'icon youtube': 'icon youtube', 'icon youtube': 'icon youtube',
'icon whatsapp': 'icon whatsapp',
'icon close': 'icon close', 'icon close': 'icon close',
pokeball: 'pokeball', pokeball: 'pokeball',
smartphone: 'smartphone', smartphone: 'smartphone',

4
index.html
View File

@@ -238,6 +238,10 @@
<i class="icon reddit"></i> <i class="icon reddit"></i>
<i class="icon reddit is-medium"></i> <i class="icon reddit is-medium"></i>
<i class="icon reddit is-large"></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> </div>
</section> </section>

5
scss/icons/icons.scss
View File

@@ -12,6 +12,7 @@
@import "medium.scss"; @import "medium.scss";
@import "twitch.scss"; @import "twitch.scss";
@import "reddit.scss"; @import "reddit.scss";
@import "whatsapp.scss";
// others // others
@import "close.scss"; @import "close.scss";
@@ -101,6 +102,10 @@
&.reddit::before { &.reddit::before {
@include pixelize($icon-reddit, $icon-reddit-colors, $px); @include pixelize($icon-reddit, $icon-reddit-colors, $px);
} }
&.whatsapp::before {
@include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px);
}
} }
// default // 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 )
);