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..40d8acec --- /dev/null +++ b/scss/icons/discord.scss @@ -0,0 +1,20 @@ +$icon-discord-colors: (#fff, #5865f2); +// prettier-ignore +$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), + (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); + } } 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',