From 43b55f8e999e1947d446b0241e2b5a1fd1105c1a Mon Sep 17 00:00:00 2001 From: Will Ptacek Date: Thu, 22 Dec 2022 14:29:12 -0600 Subject: [PATCH 1/2] add discord icon --- docs/script.js | 3 +++ scss/icons/discord.scss | 21 +++++++++++++++++++++ scss/icons/icons.scss | 5 +++++ story/_helpers/icons.js | 1 + 4 files changed, 30 insertions(+) create mode 100644 scss/icons/discord.scss diff --git a/docs/script.js b/docs/script.js index 04a5d1b1..43aed43c 100644 --- a/docs/script.js +++ b/docs/script.js @@ -520,6 +520,9 @@ const sampleCollection = [ + + + `, }, { diff --git a/scss/icons/discord.scss b/scss/icons/discord.scss new file mode 100644 index 00000000..950b27d8 --- /dev/null +++ b/scss/icons/discord.scss @@ -0,0 +1,21 @@ +$icon-discord-colors: (#fff, #5865f2); +// prettier-ignore +$icon-discord: ( + ( 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,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ), + ( 2,2,2,2,1,1,2,2,2,2,1,1,2,2,2,2 ), + ( 2,2,2,1,1,1,1,1,1,1,1,1,1,2,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 ), + ( 2,1,1,1,1,2,1,1,1,1,2,1,1,1,1,2 ), + ( 2,1,1,1,2,2,2,1,1,2,2,2,1,1,1,2 ), + ( 2,1,1,1,1,2,1,1,1,1,2,1,1,1,1,2 ), + ( 2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2 ), + ( 2,2,1,1,1,2,2,2,2,2,2,1,1,1,2,2 ), + ( 2,2,2,1,1,1,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,2,2,2,2,2,2 ), + ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ) +); diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss index 0c59b697..3923ba6f 100644 --- a/scss/icons/icons.scss +++ b/scss/icons/icons.scss @@ -16,6 +16,7 @@ @import "gmail.scss"; @import "linkedin.scss"; @import "instagram.scss"; +@import "discord.scss"; // others @import "close.scss"; @@ -162,4 +163,8 @@ &.coin::before { @include pixelize($default-size, $icon-coin, $icon-coin-colors); } + + &.discord::before { + @include pixelize($default-size, $icon-discord, $icon-discord-colors); + } } diff --git a/story/_helpers/icons.js b/story/_helpers/icons.js index 82f44c60..24696443 100644 --- a/story/_helpers/icons.js +++ b/story/_helpers/icons.js @@ -8,6 +8,7 @@ export const Icons = { gmail: 'gmail', linkedin: 'linkedin', instagram: 'instagram', + discord: 'discord', close: 'close', coin: 'coin', trophy: 'trophy', From 38c1ef5d051798e87dd1a3e5a0df629ec16cb234 Mon Sep 17 00:00:00 2001 From: Will Ptacek Date: Thu, 22 Dec 2022 14:37:17 -0600 Subject: [PATCH 2/2] change to 16px --- scss/icons/discord.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/scss/icons/discord.scss b/scss/icons/discord.scss index 950b27d8..e6657bc9 100644 --- a/scss/icons/discord.scss +++ b/scss/icons/discord.scss @@ -8,7 +8,6 @@ $icon-discord: ( ( 2,2,2,1,1,1,1,1,1,1,1,1,1,2,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 ), ( 2,1,1,1,1,2,1,1,1,1,2,1,1,1,1,2 ), ( 2,1,1,1,2,2,2,1,1,2,2,2,1,1,1,2 ), ( 2,1,1,1,1,2,1,1,1,1,2,1,1,1,1,2 ),