feat(icon): add OpenSea icon 16x16

nostalgic-css · Nov 9, 2021 · 6e80a1d · 6e80a1d
1 parent b1cc994
commit 6e80a1d
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 0 deletions.
diff --git a/docs/script.js b/docs/script.js
@@ -520,6 +520,9 @@ const sampleCollection = [
 
   <!-- whatsapp -->
   <i class="nes-icon whatsapp is-large"></i>
+
+  <!-- opensea -->
+  <i class="nes-icon opensea is-large"></i>
 </section>`,
   },
   {

diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
@@ -16,6 +16,7 @@
 @import "gmail.scss";
 @import "linkedin.scss";
 @import "instagram.scss";
+@import "opensea.scss";
 
 // others
 @import "close.scss";
@@ -159,6 +160,10 @@
     @include pixelize($default-size, $icon-instagram, $icon-instagram-colors);
   }
 
+  &.opensea::before {
+    @include pixelize($default-size, $icon-opensea, $icon-opensea-colors);
+  }
+
   &.coin::before {
     @include pixelize($default-size, $icon-coin, $icon-coin-colors);
   }

diff --git a/scss/icons/opensea.scss b/scss/icons/opensea.scss
@@ -0,0 +1,20 @@
+$icon-opensea-colors: (#fff, #2081e2);
+// prettier-ignore
+$icon-opensea: (
+  ( 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,1,2,2,2,2,2,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,2,2,2,2,2,2),
+  ( 2,2,2,2,2,2,1,1,1,1,1,2,2,2,2,2),
+  ( 2,2,2,2,2,2,1,1,1,1,1,1,2,2,2,2),
+  ( 2,2,2,2,1,2,2,2,1,1,1,1,2,2,2,2),
+  ( 2,2,2,1,1,1,2,2,1,1,1,1,1,2,2,2),
+  ( 2,2,1,1,1,1,2,2,1,1,1,1,1,2,2,2),
+  ( 2,1,1,1,1,2,1,1,1,1,1,1,2,2,2,2),
+  ( 2,2,2,2,2,2,1,1,1,1,2,2,2,2,2,2),
+  ( 2,1,1,1,1,2,2,2,1,1,2,1,1,1,1,2),
+  ( 2,2,1,1,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,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/story/_helpers/icons.js b/story/_helpers/icons.js
@@ -8,6 +8,7 @@ export const Icons = {
   gmail: 'gmail',
   linkedin: 'linkedin',
   instagram: 'instagram',
+  opensea: 'opensea',
   close: 'close',
   coin: 'coin',
   trophy: 'trophy',