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

Merge branch 'develop' into add-psone-controller-icon

Browse Source
This commit is contained in:
ダーシノ
2019-02-11 16:44:43 +09:00
committed by GitHub
parent d5c02eb533 395b84495d
commit f16fbdf88a
4 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/icons.stories.js
View File

@@ -17,6 +17,7 @@ stories.add('icon', () => {
'nes-icon gmail': 'nes-icon gmail',
'nes-icon linkedin': 'nes-icon linkedin',
'nes-icon close': 'nes-icon close',
'nes-icon coin': 'nes-icon coin',
'nes-pokeball': 'nes-pokeball',
'nes-bulbasaur': 'nes-bulbasaur',
'nes-charmander': 'nes-charmander',

5
index.html
View File

@@ -798,6 +798,11 @@
<i class="nes-icon trophy is-medium"></i>
<i class="nes-icon trophy is-large"></i>
<i class="nes-icon coin is-small"></i>
<i class="nes-icon coin"></i>
<i class="nes-icon coin is-medium"></i>
<i class="nes-icon coin is-large"></i>
<i class="nes-mario"></i>
<i class="nes-ash"></i>
<i class="nes-pokeball"></i>

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

@@ -0,0 +1,20 @@
$icon-coin-colors: (#060606, #fff, #ffc107);
// prettier-ignore
$icon-coin: (
(0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0),
(0,0,0,1,1,1,2,2,2,1,1,1,1,0,0,0),
(0,0,1,1,2,2,3,3,3,3,3,1,1,0,0,0),
(0,0,1,2,3,3,2,2,2,1,3,3,1,1,0,0),
(0,1,1,2,3,3,2,3,3,1,3,3,1,1,0,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,1,2,3,3,2,3,3,1,3,3,1,1,0,0),
(0,0,1,2,3,3,2,1,1,1,3,3,1,1,0,0),
(0,0,1,1,2,3,3,3,3,3,3,1,1,0,0,0),
(0,0,0,1,1,1,3,3,3,1,1,1,1,0,0,0),
(0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0),
);

5
scss/icons/icons.scss
View File

@@ -19,6 +19,7 @@
// others
@import "close.scss";
@import "trophy.scss";
@import "coin.scss";
.nes-icon {
$default-size: 1px;
@@ -146,4 +147,8 @@
&.linkedin::before {
@include pixelize($default-size, $icon-linkedin, $icon-linkedin-colors);
}
&.coin::before {
@include pixelize($default-size, $icon-coin, $icon-coin-colors);
}
}