diff --git a/docs/icons.stories.js b/docs/icons.stories.js index 971946b..699682a 100644 --- a/docs/icons.stories.js +++ b/docs/icons.stories.js @@ -14,6 +14,8 @@ stories.add('icon', () => { 'nes-icon google': 'nes-icon google', 'nes-icon youtube': 'nes-icon youtube', 'nes-icon whatsapp': 'nes-icon whatsapp', + 'nes-icon gmail': 'nes-icon gmail', + 'nes-icon linkedin': 'nes-icon linkedin', 'nes-icon close': 'nes-icon close', 'nes-pokeball': 'nes-pokeball', 'nes-bulbasaur': 'nes-bulbasaur', diff --git a/index.html b/index.html index efe01fd..9d65434 100644 --- a/index.html +++ b/index.html @@ -280,6 +280,14 @@ + + + + + + + + diff --git a/scss/icons/gmail.scss b/scss/icons/gmail.scss new file mode 100644 index 0000000..644b0cd --- /dev/null +++ b/scss/icons/gmail.scss @@ -0,0 +1,20 @@ +$icon-gmail-colors: (#eeecec, #fd2b2b); +// prettier-ignore +$icon-gmail: ( + (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,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0), + (2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2), + (2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2), + (2,2,1,2,2,1,1,1,1,1,1,2,2,1,2,2), + (2,2,1,1,2,2,1,1,1,1,2,2,1,1,2,2), + (2,2,1,1,1,2,2,1,1,2,2,1,1,1,2,2), + (2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2), + (2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2), + (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2), + (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2), + (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2), + (0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,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) +); diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss index 43971b9..fa6a371 100644 --- a/scss/icons/icons.scss +++ b/scss/icons/icons.scss @@ -13,6 +13,8 @@ @import "twitch.scss"; @import "reddit.scss"; @import "whatsapp.scss"; +@import "gmail.scss"; +@import "linkedin.scss"; // others @import "close.scss"; @@ -112,6 +114,14 @@ &.whatsapp::before { @include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px); } + + &.gmail::before { + @include pixelize($icon-gmail, $icon-gmail-colors, $px); + } + + &.linkedin::before { + @include pixelize($icon-linkedin, $icon-linkedin-colors, $px); + } } // default diff --git a/scss/icons/linkedin.scss b/scss/icons/linkedin.scss new file mode 100644 index 0000000..e78e09c --- /dev/null +++ b/scss/icons/linkedin.scss @@ -0,0 +1,20 @@ +$icon-linkedin-colors: (#fff, #2577b9); +// prettier-ignore +$icon-linkedin: ( + (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0), + (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2), + (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2), + (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2), + (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2), + (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2), + (2,2,1,1,1,2,1,1,1,2,1,1,1,2,2,2), + (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2), + (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2), + (2,2,1,1,1,2,1,1,1,1,2,1,1,1,2,2), + (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2), + (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2), + (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2), + (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2), + (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2), + (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0), +);