diff --git a/docs/icons.stories.js b/docs/icons.stories.js index a9dde3e..1d1daa0 100644 --- a/docs/icons.stories.js +++ b/docs/icons.stories.js @@ -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', diff --git a/index.html b/index.html index ed9169b..df913f8 100644 --- a/index.html +++ b/index.html @@ -798,6 +798,11 @@ + + + + + diff --git a/scss/icons/coin.scss b/scss/icons/coin.scss new file mode 100644 index 0000000..93b1d81 --- /dev/null +++ b/scss/icons/coin.scss @@ -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), +); diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss index 27bbbb5..e88e098 100644 --- a/scss/icons/icons.scss +++ b/scss/icons/icons.scss @@ -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); + } }