mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-04-22 15:12:19 +02:00
Code Issues Releases Wiki Activity

feat(icons): add bulbasaur icon (#130)

Browse Source 
* feat(icons): add bulbasaur icon

* docs(icons): add bulbasaur to storybook
This commit is contained in:
Igor Guastalla 2018-12-09 18:49:46 -02:00 committed by Abdullah Samman
parent a0f2a91675
commit 9c9e891326
4 changed files with 45 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/icons.stories.js
View File

@ -16,6 +16,7 @@ stories.add('icon', () => {
'icon whatsapp': 'icon whatsapp',
'icon close': 'icon close',
pokeball: 'pokeball',
bulbasaur: 'bulbasaur',
charmander: 'charmander',
squirtle: 'squirtle',
smartphone: 'smartphone',

1
index.html
View File

@ -269,6 +269,7 @@
<i class="ash"></i>
<i class="pokeball"></i>
<i class="bulbasaur"></i>
<i class="charmander"></i>
<i class="squirtle"></i>

3
scss/pixel-arts/_index.scss
View File

@ -9,7 +9,8 @@
@import "octocat.scss";
@import "mario.scss";
@import "pokeball.scss";
@import "bulbasaur.scss";
@import "charmander.scss";
@import "squirtle.scss";
@import "phone.scss";
@import "smartphone.scss";
@import "smartphone.scss";

41
scss/pixel-arts/bulbasaur.scss Normal file
View File

@ -0,0 +1,41 @@
.bulbasaur {
$px: 6px;
// prettier-ignore
$bulbasaur-colors: (#000, #8beb46, #2d8d22, #5ceee1,
#3fc3b5, #fdfdf5, #ca242a);
// prettier-ignore
$bulbasaur: (
(0,0,0,0,0,0,0,0,0,0,0,0,1,1,1),
(0,0,0,0,0,0,0,0,0,0,0,1,2,2,2,1),
(0,0,0,0,0,0,0,0,0,1,1,1,2,2,2,1),
(0,0,0,0,0,0,0,1,1,2,2,3,2,2,3,2,1,1),
(0,0,0,1,1,0,1,2,2,2,3,3,2,2,3,2,2,2,1),
(0,0,1,4,4,1,1,2,2,3,2,3,2,2,2,3,2,2,2,1),
(0,0,1,4,4,4,1,1,3,2,3,2,2,2,2,2,3,2,2,1),
(0,0,1,4,4,4,4,5,1,2,3,2,2,2,2,2,3,2,2,1),
(0,1,4,4,5,4,5,5,4,1,1,1,2,2,2,2,3,2,1),
(1,1,5,4,4,4,4,4,4,4,4,1,2,2,2,1,1,1,1),
(1,1,5,4,4,4,5,4,4,4,1,5,1,1,1,5,5,5,1),
(1,4,4,4,4,5,4,1,1,4,5,5,5,5,5,1,5,6,1),
(1,5,4,4,4,4,1,7,6,6,5,5,1,5,5,1,1,1),
(0,1,5,4,4,4,1,7,6,4,5,1,5,5,1),
(0,0,1,1,5,5,5,5,5,5,1,5,5,5,1),
(0,0,0,0,1,1,1,1,1,1,1,6,5,6,1),
(0,0,0,0,0,0,0,0,0,0,0,1,1,1,0),
);
position: relative;
display: inline-block;
width: $px * 16;
height: $px * 16;
&::before {
position: absolute;
top: $px * -1;
left: $px * -1;
content: "";
background: transparent;
@include pixelize($bulbasaur, $bulbasaur-colors, $px);
}
}