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..e6657bc9 --- /dev/null +++ b/scss/icons/discord.scss @@ -0,0 +1,20 @@ +$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,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',