👍 SNESコントローラを追加

ken30huang · Nov 29, 2018 · 22cc88a · 22cc88a
1 parent c97d4c0
commit 22cc88a
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 2 deletions.
diff --git a/css/nes.css b/css/nes.css
diff --git a/index.html b/index.html
@@ -30,7 +30,7 @@
 
  <body>
  <header>
- <h1><i class="snes-logo brand"></i>NES.css</h1>
+ <h1><i class="snes-jp-logo brand"></i>NES.css</h1>
  <p>NES-style CSS Framework.</p>
  </header>
 
@@ -180,6 +180,7 @@ <h3 class="title">Others</h3>
  <h3 class="title">Controllers</h3>
  <div>
  <i class="nes-logo"></i>
+ <i class="nes-jp-logo"></i>
  <i class="snes-logo"></i>
  <i class="snes-jp-logo"></i>
  </div>

diff --git a/scss/pixel-arts/snes-icon.scss b/scss/pixel-arts/snes-icon.scss
@@ -1,3 +1,33 @@
 .snes-logo {
- // dummy
+ $px: 3px;
+ $logo-colors: (#333, #d7d7d7, #8932e5);
+
+ // 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),
+ (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0),
+ (0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
+ (1,2,2,1,2,2,2,2,2,2,2,3,2,2,1),
+ (1,2,1,1,1,2,2,2,2,2,3,2,3,2,1),
+ (1,2,2,1,2,2,1,2,1,2,2,3,2,2,1),
+ (0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
+ (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0)
+ );
+
+ 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);
+ }
 }