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

feat(icons): add pokeball icon (#117)

Browse Source 
* feat(icons): add pokeball icon

* docs(icons): add pokeball to storybook
This commit is contained in:
Igor Guastalla
2018-12-08 08:33:48 -02:00
committed by Abdullah Samman
parent 31c4845d23
commit 66576f1820
4 changed files with 42 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,3 +6,4 @@
@import "snes-jp-icon.scss";
@import "bcrikko.scss";
@import "octocat.scss";
@import "pokeball.scss";

38
scss/pixel-arts/pokeball.scss Normal file
View File

@@ -0,0 +1,38 @@
.pokeball {
$px: 6px;
$pokeball-colors: (#060606, #ff001d, #fff, #9fa1a1);
// prettier-ignore
$pokeball: (
(0,0,0,0,0,1,1,1,1,0,0,0,0,0),
(0,0,0,1,1,2,2,2,2,1,1,0,0,0),
(0,0,1,3,3,2,2,2,2,2,2,1,0,0),
(0,1,3,3,2,2,2,2,2,2,2,1,1,0),
(0,1,3,2,2,2,2,2,2,2,2,2,1,0),
(1,3,2,2,2,2,2,2,2,2,2,2,2,1),
(1,1,1,2,2,2,2,1,1,1,2,2,2,1),
(1,1,1,1,2,2,1,3,3,3,1,2,2,1),
(1,4,3,1,1,1,1,3,3,3,1,1,1,1),
(0,1,3,3,3,1,1,3,3,3,1,3,1,0),
(0,1,3,3,3,3,3,1,1,1,3,3,1,0),
(0,0,1,4,4,3,3,3,3,3,3,1,0,0),
(0,0,0,1,1,4,4,4,4,1,1,0,0,0),
(0,0,0,0,0,1,1,1,1,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),
);
position: relative;
display: inline-block;
width: $px * 14;
height: $px * 14;
&::before {
position: absolute;
top: $px * -1;
left: $px * -1;
content: "";
background: transparent;
@include pixelize($pokeball, $pokeball-colors, $px);
}
}