From eaf396eb94883978b839424af64b25b93d8d6409 Mon Sep 17 00:00:00 2001 From: Mati Date: Sat, 9 Feb 2019 21:10:27 +0100 Subject: [PATCH] fix: move icon-coin to the icons folder --- docs/icons.stories.js | 2 +- scss/icons/coin.scss | 18 ++++++++++++++++++ scss/icons/icons.scss | 5 +++++ scss/pixel-arts/_index.scss | 1 - scss/pixel-arts/coin.scss | 36 ------------------------------------ 5 files changed, 24 insertions(+), 38 deletions(-) create mode 100644 scss/icons/coin.scss delete mode 100644 scss/pixel-arts/coin.scss diff --git a/docs/icons.stories.js b/docs/icons.stories.js index ff41eb53..a08438f4 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', @@ -32,7 +33,6 @@ stories.add('icon', () => { 'nes-jp-logo': 'nes-jp-logo', 'snes-logo': 'snes-logo', 'snes-jp-logo': 'snes-jp-logo', - 'nes-coin': 'nes-coin', }, 'nes-icon twitter'); const selectedSize = radios('size', { default: '', diff --git a/scss/icons/coin.scss b/scss/icons/coin.scss new file mode 100644 index 00000000..574ac74c --- /dev/null +++ b/scss/icons/coin.scss @@ -0,0 +1,18 @@ +$icon-coin-colors: (#060606,#ffd700, #daa520); +// prettier-ignore +$icon-coin: ( + (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,2,2,1,1,1,1,2,2,1,0,0), + (0,1,2,1,1,3,3,3,3,1,2,1,1,0), + (0,1,2,1,3,3,3,3,3,3,1,2,1,0), + (1,2,1,3,3,3,3,3,3,3,3,1,2,1), + (1,2,1,3,3,3,3,3,3,3,3,1,2,1), + (1,2,1,3,3,3,3,3,3,3,3,1,2,1), + (1,2,1,3,3,3,3,3,3,3,3,1,2,1), + (0,1,2,1,3,3,3,3,3,3,1,2,1,0), + (0,1,2,1,1,3,3,3,3,1,2,2,1,0), + (0,0,1,2,2,1,1,1,1,2,2,1,0,0), + (0,0,0,1,1,2,2,2,2,1,1,0,0,0), + (0,0,0,0,0,1,1,1,1,0,0,0,0,0), +); diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss index 27bbbb50..e88e098a 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); + } } diff --git a/scss/pixel-arts/_index.scss b/scss/pixel-arts/_index.scss index 5f3af204..83038852 100644 --- a/scss/pixel-arts/_index.scss +++ b/scss/pixel-arts/_index.scss @@ -15,4 +15,3 @@ @import "mario.scss"; @import "kirby.scss"; @import "octocat.scss"; -@import "coin.scss"; diff --git a/scss/pixel-arts/coin.scss b/scss/pixel-arts/coin.scss deleted file mode 100644 index 1ddad3d5..00000000 --- a/scss/pixel-arts/coin.scss +++ /dev/null @@ -1,36 +0,0 @@ -.nes-coin { - $coin-colors: (#060606,#ffd700, #daa520); - // prettier-ignore - $coin: ( - (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,2,2,1,1,1,1,2,2,1,0,0), - (0,1,2,1,1,3,3,3,3,1,2,1,1,0), - (0,1,2,1,3,3,3,3,3,3,1,2,1,0), - (1,2,1,3,3,3,3,3,3,3,3,1,2,1), - (1,2,1,3,3,3,3,3,3,3,3,1,2,1), - (1,2,1,3,3,3,3,3,3,3,3,1,2,1), - (1,2,1,3,3,3,3,3,3,3,3,1,2,1), - (0,1,2,1,3,3,3,3,3,3,1,2,1,0), - (0,1,2,1,1,3,3,3,3,1,2,2,1,0), - (0,0,1,2,2,1,1,1,1,2,2,1,0,0), - (0,0,0,1,1,2,2,2,2,1,1,0,0,0), - (0,0,0,0,0,1,1,1,1,0,0,0,0,0), - ); - $size: 6px; - - position: relative; - display: inline-block; - width: $size * length(nth($coin, 1)); - height: $size * length($coin); - - &::before { - position: absolute; - top: -$size; - left: -$size; - content: ""; - background: transparent; - - @include pixelize($size, $coin, $coin-colors); - } -}