From d45de853b631dd352fd079653e333a09cc892658 Mon Sep 17 00:00:00 2001 From: Igor Guastalla de Lima Date: Sun, 9 Dec 2018 23:39:26 -0200 Subject: [PATCH 1/5] feat(icons): add kirby icon --- index.html | 1 + scss/pixel-arts/_index.scss | 1 + scss/pixel-arts/kirby.scss | 38 +++++++++++++++++++++++++++++++++++++ 3 files changed, 40 insertions(+) create mode 100644 scss/pixel-arts/kirby.scss diff --git a/index.html b/index.html index 4c9d2f2..ae3e237 100644 --- a/index.html +++ b/index.html @@ -284,6 +284,7 @@ + diff --git a/scss/pixel-arts/_index.scss b/scss/pixel-arts/_index.scss index c546509..6d6e7be 100644 --- a/scss/pixel-arts/_index.scss +++ b/scss/pixel-arts/_index.scss @@ -14,3 +14,4 @@ @import "squirtle.scss"; @import "phone.scss"; @import "smartphone.scss"; +@import "kirby.scss"; diff --git a/scss/pixel-arts/kirby.scss b/scss/pixel-arts/kirby.scss new file mode 100644 index 0000000..b224aeb --- /dev/null +++ b/scss/pixel-arts/kirby.scss @@ -0,0 +1,38 @@ +.kirby { + $px: 6px; + $kirby-colors: (#000, #ffaccc, #ff5478); + // prettier-ignore + $kirby: ( + (0,0,1,1,0,1,1,1,1,1,0,0,0,0), + (0,1,2,2,1,2,2,2,2,2,1,1,0,0), + (1,2,2,1,2,2,2,2,2,2,2,2,1,0), + (1,2,2,2,2,2,1,2,1,2,2,2,2,1), + (1,2,2,2,2,2,1,2,1,2,2,2,2,1,), + (1,2,2,2,2,2,1,2,1,2,2,2,2,2,1), + (1,2,2,2,3,3,2,2,2,3,3,2,2,2,2,1), + (1,2,2,2,2,2,2,1,2,2,2,2,2,2,2,1), + (0,1,2,2,2,2,2,1,2,2,2,2,2,2,2,1), + (0,1,2,2,2,2,2,2,2,2,2,2,1,1,1,0), + (0,1,2,2,2,2,2,2,2,2,2,1,3,3,3,1), + (0,0,1,2,2,2,2,2,2,2,1,3,3,3,3,1), + (0,0,1,1,2,2,2,2,2,2,1,3,3,3,3,1), + (0,1,3,3,1,1,2,2,2,1,3,3,3,3,1), + (1,3,3,3,3,3,1,1,1,1,1,3,3,1), + (0,1,1,1,1,1,1,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($kirby, $kirby-colors, $px); + } +} From 527a4fb6e5a9b09e685412182206e132415598f5 Mon Sep 17 00:00:00 2001 From: Igor Guastalla de Lima Date: Sun, 9 Dec 2018 23:40:46 -0200 Subject: [PATCH 2/5] fix(icons): changed ash and marios width --- scss/pixel-arts/ash.scss | 2 +- scss/pixel-arts/mario.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/scss/pixel-arts/ash.scss b/scss/pixel-arts/ash.scss index 9d974c9..78f3e3b 100644 --- a/scss/pixel-arts/ash.scss +++ b/scss/pixel-arts/ash.scss @@ -24,7 +24,7 @@ position: relative; display: inline-block; - width: $px * 15; + width: $px * 14; height: $px * 15; &::before { diff --git a/scss/pixel-arts/mario.scss b/scss/pixel-arts/mario.scss index 19a9178..bc6b217 100644 --- a/scss/pixel-arts/mario.scss +++ b/scss/pixel-arts/mario.scss @@ -25,7 +25,7 @@ position: relative; display: inline-block; - width: $px * 16; + width: $px * 13; height: $px * 16; &::before { From 55d563d36208e8f1423874e8f190b7f92f5f0d5f Mon Sep 17 00:00:00 2001 From: Igor Guastalla de Lima Date: Sun, 9 Dec 2018 23:41:36 -0200 Subject: [PATCH 3/5] feat(icons): add kirby to storybook --- docs/icons.stories.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/icons.stories.js b/docs/icons.stories.js index 21ad8fc..955b968 100644 --- a/docs/icons.stories.js +++ b/docs/icons.stories.js @@ -21,10 +21,11 @@ stories.add('icon', () => { squirtle: 'squirtle', smartphone: 'smartphone', phone: 'phone', - 'octocat animate': 'octocat animate', - ash: 'ash', - 'icon trophy': 'icon trophy', mario: 'mario', + kirby: 'kirby', + ash: 'ash', + 'octocat animate': 'octocat animate', + 'icon trophy': 'icon trophy', 'nes-logo': 'nes-logo', 'nes-jp-logo': 'nes-jp-logo', 'snes-logo': 'snes-logo', From de937fde0a6349e943baeb4140cc05da0fff8669 Mon Sep 17 00:00:00 2001 From: Igor Guastalla de Lima Date: Mon, 10 Dec 2018 08:32:16 -0200 Subject: [PATCH 4/5] fix(icons): add nes prefix to kirby icon --- scss/pixel-arts/kirby.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/pixel-arts/kirby.scss b/scss/pixel-arts/kirby.scss index b224aeb..39035df 100644 --- a/scss/pixel-arts/kirby.scss +++ b/scss/pixel-arts/kirby.scss @@ -1,4 +1,4 @@ -.kirby { +.nes-kirby { $px: 6px; $kirby-colors: (#000, #ffaccc, #ff5478); // prettier-ignore From a14585b86585cae08a588cab60ef63ec009361a9 Mon Sep 17 00:00:00 2001 From: Igor Guastalla de Lima Date: Mon, 10 Dec 2018 09:52:31 -0200 Subject: [PATCH 5/5] fix(icons): changed width of the mario icon to 14 --- scss/pixel-arts/mario.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/pixel-arts/mario.scss b/scss/pixel-arts/mario.scss index c153d39..9ead610 100644 --- a/scss/pixel-arts/mario.scss +++ b/scss/pixel-arts/mario.scss @@ -25,7 +25,7 @@ position: relative; display: inline-block; - width: $px * 13; + width: $px * 14; height: $px * 16; &::before {