From d905c1b4d609e0ba2ef4f67beec0022d2feba20f Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Sun, 20 Jan 2019 12:02:11 -0200
Subject: [PATCH 1/3] feat(icons): add psone controller icon

---
 docs/icons.stories.js       |  1 +
 index.html                  |  1 +
 scss/pixel-arts/_index.scss |  1 +
 scss/pixel-arts/psone.scss  | 33 +++++++++++++++++++++++++++++++++
 4 files changed, 36 insertions(+)
 create mode 100644 scss/pixel-arts/psone.scss

diff --git a/docs/icons.stories.js b/docs/icons.stories.js
index 699682a..a9dde3e 100644
--- a/docs/icons.stories.js
+++ b/docs/icons.stories.js
@@ -32,6 +32,7 @@ stories.add('icon', () => {
     'nes-jp-logo': 'nes-jp-logo',
     'snes-logo': 'snes-logo',
     'snes-jp-logo': 'snes-jp-logo',
+    'nes-psone': 'nes-psone',
   }, 'nes-icon twitter');
   const selectedSize = radios('size', {
     default: '',
diff --git a/index.html b/index.html
index 1b5ead2..d93c784 100644
--- a/index.html
+++ b/index.html
@@ -440,6 +440,7 @@
           <i class="nes-jp-logo"></i>
           <i class="snes-logo"></i>
           <i class="snes-jp-logo"></i>
+          <i class="nes-psone"></i>
         </div>
       </section>
     </section>
diff --git a/scss/pixel-arts/_index.scss b/scss/pixel-arts/_index.scss
index 8303885..c94316b 100644
--- a/scss/pixel-arts/_index.scss
+++ b/scss/pixel-arts/_index.scss
@@ -14,4 +14,5 @@
 @import "smartphone.scss";
 @import "mario.scss";
 @import "kirby.scss";
+@import "psone.scss";
 @import "octocat.scss";
diff --git a/scss/pixel-arts/psone.scss b/scss/pixel-arts/psone.scss
new file mode 100644
index 0000000..a29c76a
--- /dev/null
+++ b/scss/pixel-arts/psone.scss
@@ -0,0 +1,33 @@
+.nes-psone {
+  $psone-colors: (#cbcbcb, #b1b1b2, #2a2a2a);
+
+  // prettier-ignore
+  $psone: (
+    (0,0,0,0,0,0,0,3,0,0,0,0,0,0,0,0),
+    (0,0,1,1,1,0,0,3,0,0,0,1,1,1,0,0),
+    (0,1,1,1,1,1,0,0,3,0,1,1,1,1,1,0),
+    (1,1,1,3,1,1,1,1,1,1,1,1,3,1,1,1),
+    (1,1,3,1,3,1,1,1,1,1,1,3,1,3,1,1),
+    (1,1,1,3,1,1,1,1,1,1,1,1,3,1,1,1),
+    (2,1,1,1,1,1,3,1,1,3,1,1,1,1,1,2),
+    (2,2,1,1,1,0,0,0,0,0,0,1,1,1,2,2),
+    (2,2,2,2,0,0,0,0,0,0,0,0,2,2,2,2),
+    (0,2,2,0,0,0,0,0,0,0,0,0,0,2,2,0)
+  );
+
+  position: relative;
+  display: inline-block;
+  width: calc(1em * 16);
+  height: calc(1em * 11);
+  font-size: 3px;
+
+  &::before {
+    position: absolute;
+    top: -1em;
+    left: -1em;
+    content: "";
+    background: transparent;
+
+    @include pixelize($psone, $psone-colors);
+  }
+}

From e3d33d7132badbbf2c6f2756b479290e8ebf5d24 Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Tue, 5 Feb 2019 18:46:09 -0200
Subject: [PATCH 2/3] refactor(icons): refactored psone controller icons to px
 from em

---
 scss/pixel-arts/psone.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/scss/pixel-arts/psone.scss b/scss/pixel-arts/psone.scss
index a29c76a..a1c9e90 100644
--- a/scss/pixel-arts/psone.scss
+++ b/scss/pixel-arts/psone.scss
@@ -15,19 +15,20 @@
     (0,2,2,0,0,0,0,0,0,0,0,0,0,2,2,0)
   );
 
+  $size: 4px;
+
   position: relative;
   display: inline-block;
-  width: calc(1em * 16);
-  height: calc(1em * 11);
-  font-size: 3px;
+  width: $size * length(nth($psone, 1));
+  height: $size * length($psone);
 
   &::before {
     position: absolute;
-    top: -1em;
-    left: -1em;
+    top: -$size;
+    left: -$size;
     content: "";
     background: transparent;
 
-    @include pixelize($psone, $psone-colors);
+    @include pixelize($size, $psone, $psone-colors);
   }
 }

From 2f8b009ce7099e9579d8493269ffb96033f2cefa Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Fri, 8 Feb 2019 22:41:24 -0200
Subject: [PATCH 3/3] feat(icons): add psone icon sample code.

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 795ac7b..8674192 100644
--- a/index.html
+++ b/index.html
@@ -856,7 +856,8 @@
         <pre class="sample-code"><code class="html">&lt;i class=&quot;nes-logo&quot;&gt;&lt;/i&gt;
 &lt;i class=&quot;nes-jp-logo&quot;&gt;&lt;/i&gt;
 &lt;i class=&quot;snes-logo&quot;&gt;&lt;/i&gt;
-&lt;i class=&quot;snes-jp-logo&quot;&gt;&lt;/i&gt;</code></pre>
+&lt;i class=&quot;snes-jp-logo&quot;&gt;&lt;/i&gt;
+&lt;i class=&quot;nes-psone&quot;&gt;&lt;/i&gt;</code></pre>
         <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('controllers')">Copy</button>
       </section>
     </section>