👍 ファミコンコントローラを追加

index.html

@@ -181,6 +181,7 @@ <h3 class="title">Controllers</h3>
  <div>
  <i class="nes-logo"></i>
  <i class="snes-logo"></i>
+ <i class="snes-jp-logo"></i>
  </div>
  </section>
  </section>

scss/pixel-arts/_index.scss

@@ -1,6 +1,7 @@
 @charset "utf-8";
 
 @import "snes-icon.scss";
+@import "snes-jp-icon.scss";
 @import "nes-icon.scss";
 @import "bcrikko.scss";
 @import "octocat.scss";

scss/pixel-arts/snes-jp-icon.scss

@@ -0,0 +1,33 @@
+.snes-jp-logo {
+ $px: 3px;
+ $logo-colors: (#333, #871f37, #dfd3b9);
+
+ // prettier-ignore
+ $logo: (
+ (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+ (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+ (0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
+ (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+ (2,3,3,3,3,3,2,2,2,2,2,2,2,2,2),
+ (2,3,3,1,3,3,2,2,2,2,2,2,2,2,2),
+ (2,3,1,1,1,3,3,3,3,3,3,3,3,3,2),
+ (2,3,3,1,3,3,1,2,1,3,1,3,1,3,2),
+ (2,3,3,3,3,3,3,3,3,3,3,3,3,3,2),
+ (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2)
+ );
+
+ position: relative;
+ display: inline-block;
+ width: $px * 16;
+ height: $px * 11;
+
+ &::before {
+ position: absolute;
+ top: $px * -1;
+ left: $px * -1;
+ content: "";
+ background: transparent;
+
+ @include pixelize($logo, $logo-colors, $px);
+ }
+}