mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-21 21:35:37 +02:00
Code Issues Releases Wiki Activity

Merge branch 'develop' into dialog

Browse Source
This commit is contained in:
soph-iest
2018-12-13 08:54:23 -05:00
committed by GitHub
parent ec9d7e62f0 3d0dbfae7f
commit b2d30d3283
5 changed files with 60 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/icons.stories.js
View File

@@ -14,6 +14,8 @@ stories.add('icon', () => {
'nes-icon google': 'nes-icon google', 'nes-icon google': 'nes-icon google',
'nes-icon youtube': 'nes-icon youtube', 'nes-icon youtube': 'nes-icon youtube',
'nes-icon whatsapp': 'nes-icon whatsapp', 'nes-icon whatsapp': 'nes-icon whatsapp',
'nes-icon gmail': 'nes-icon gmail',
'nes-icon linkedin': 'nes-icon linkedin',
'nes-icon close': 'nes-icon close', 'nes-icon close': 'nes-icon close',
'nes-pokeball': 'nes-pokeball', 'nes-pokeball': 'nes-pokeball',
'nes-bulbasaur': 'nes-bulbasaur', 'nes-bulbasaur': 'nes-bulbasaur',

8
index.html
View File

@@ -280,6 +280,14 @@
<i class="nes-icon whatsapp"></i> <i class="nes-icon whatsapp"></i>
<i class="nes-icon whatsapp is-medium"></i> <i class="nes-icon whatsapp is-medium"></i>
<i class="nes-icon whatsapp is-large"></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> </div>
</section> </section>

20
scss/icons/gmail.scss Normal file
View File

@@ -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),
(0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
(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),
(0,2,1,1,1,1,1,1,1,1,1,1,1,1,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,0)
);

10
scss/icons/icons.scss
View File

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

20
scss/icons/linkedin.scss Normal file
View File

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