From 61ebfe737895b0b3b9d1dd6468b5252d72fe1e02 Mon Sep 17 00:00:00 2001 From: Vikram Date: Fri, 28 Jul 2023 02:35:34 +0200 Subject: [PATCH 1/2] feat: add discord icon --- docs/script.js | 3 +++ scss/icons/discord.scss | 20 ++++++++++++++++++++ scss/icons/icons.scss | 5 +++++ 3 files changed, 28 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..5d0c0600 --- /dev/null +++ b/scss/icons/discord.scss @@ -0,0 +1,20 @@ +$icon-discord-colors: (#fff, #5865f2); +// prettier-ignore +$icon-linkedin: ( + (0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0), + (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,1,1,1,2,2,1,1,1,2,2,2,2), + (2,2,2,1,1,1,1,1,1,1,1,1,1,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,2,2,1,1,2,2,1,1,1,2,2), + (2,1,1,1,1,2,2,1,1,2,2,1,1,1,1,2), + (2,1,1,1,1,1,1,1,1,1,1,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), + (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0), + (0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0), +); \ No newline at end of file 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); + } } From 600ee8d114904e814f89ebea0228e04c47b3bba2 Mon Sep 17 00:00:00 2001 From: Vikram Date: Fri, 28 Jul 2023 02:51:46 +0200 Subject: [PATCH 2/2] feat: discord icon --- scss/icons/discord.scss | 2 +- story/_helpers/icons.js | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/scss/icons/discord.scss b/scss/icons/discord.scss index 5d0c0600..40d8acec 100644 --- a/scss/icons/discord.scss +++ b/scss/icons/discord.scss @@ -1,6 +1,6 @@ $icon-discord-colors: (#fff, #5865f2); // prettier-ignore -$icon-linkedin: ( +$icon-discord: ( (0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0), (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), diff --git a/story/_helpers/icons.js b/story/_helpers/icons.js index 82f44c60..51954c43 100644 --- a/story/_helpers/icons.js +++ b/story/_helpers/icons.js @@ -6,6 +6,7 @@ export const Icons = { youtube: 'youtube', whatsapp: 'whatsapp', gmail: 'gmail', + discord: 'discord', linkedin: 'linkedin', instagram: 'instagram', close: 'close',