diff --git a/css/nes.css b/css/nes.css
index 7aca447..d7a4aa9 100644
--- a/css/nes.css
+++ b/css/nes.css
@@ -980,6 +980,24 @@ button,
box-shadow: 21px 3px #333,21px 6px #333,24px 9px #333,3px 12px #871f37,6px 12px #871f37,9px 12px #871f37,12px 12px #871f37,15px 12px #871f37,18px 12px #871f37,21px 12px #871f37,24px 12px #871f37,27px 12px #871f37,30px 12px #871f37,33px 12px #871f37,36px 12px #871f37,39px 12px #871f37,42px 12px #871f37,45px 12px #871f37,3px 15px #871f37,6px 15px #dfd3b9,9px 15px #dfd3b9,12px 15px #dfd3b9,15px 15px #dfd3b9,18px 15px #dfd3b9,21px 15px #871f37,24px 15px #871f37,27px 15px #871f37,30px 15px #871f37,33px 15px #871f37,36px 15px #871f37,39px 15px #871f37,42px 15px #871f37,45px 15px #871f37,3px 18px #871f37,6px 18px #dfd3b9,9px 18px #dfd3b9,12px 18px #333,15px 18px #dfd3b9,18px 18px #dfd3b9,21px 18px #871f37,24px 18px #871f37,27px 18px #871f37,30px 18px #871f37,33px 18px #871f37,36px 18px #871f37,39px 18px #871f37,42px 18px #871f37,45px 18px #871f37,3px 21px #871f37,6px 21px #dfd3b9,9px 21px #333,12px 21px #333,15px 21px #333,18px 21px #dfd3b9,21px 21px #dfd3b9,24px 21px #dfd3b9,27px 21px #dfd3b9,30px 21px #dfd3b9,33px 21px #dfd3b9,36px 21px #dfd3b9,39px 21px #dfd3b9,42px 21px #dfd3b9,45px 21px #871f37,3px 24px #871f37,6px 24px #dfd3b9,9px 24px #dfd3b9,12px 24px #333,15px 24px #dfd3b9,18px 24px #dfd3b9,21px 24px #333,24px 24px #871f37,27px 24px #333,30px 24px #dfd3b9,33px 24px #333,36px 24px #dfd3b9,39px 24px #333,42px 24px #dfd3b9,45px 24px #871f37,3px 27px #871f37,6px 27px #dfd3b9,9px 27px #dfd3b9,12px 27px #dfd3b9,15px 27px #dfd3b9,18px 27px #dfd3b9,21px 27px #dfd3b9,24px 27px #dfd3b9,27px 27px #dfd3b9,30px 27px #dfd3b9,33px 27px #dfd3b9,36px 27px #dfd3b9,39px 27px #dfd3b9,42px 27px #dfd3b9,45px 27px #871f37,3px 30px #871f37,6px 30px #871f37,9px 30px #871f37,12px 30px #871f37,15px 30px #871f37,18px 30px #871f37,21px 30px #871f37,24px 30px #871f37,27px 30px #871f37,30px 30px #871f37,33px 30px #871f37,36px 30px #871f37,39px 30px #871f37,42px 30px #871f37,45px 30px #871f37;;
}
+.snes-logo {
+ position: relative;
+ display: inline-block;
+ width: 48px;
+ height: 33px;
+}
+
+.snes-logo::before {
+ position: absolute;
+ top: -3px;
+ left: -3px;
+ content: "";
+ background: transparent;
+ width: 3px;
+ height: 3px;
+ box-shadow: 21px 3px #333,21px 6px #333,24px 9px #333,9px 12px #333,12px 12px #333,15px 12px #333,18px 12px #333,21px 12px #333,24px 12px #333,27px 12px #333,30px 12px #333,33px 12px #333,36px 12px #333,39px 12px #333,6px 15px #333,9px 15px #d7d7d7,12px 15px #d7d7d7,15px 15px #d7d7d7,18px 15px #d7d7d7,21px 15px #d7d7d7,24px 15px #d7d7d7,27px 15px #d7d7d7,30px 15px #d7d7d7,33px 15px #d7d7d7,36px 15px #d7d7d7,39px 15px #d7d7d7,42px 15px #333,3px 18px #333,6px 18px #d7d7d7,9px 18px #d7d7d7,12px 18px #333,15px 18px #d7d7d7,18px 18px #d7d7d7,21px 18px #d7d7d7,24px 18px #d7d7d7,27px 18px #d7d7d7,30px 18px #d7d7d7,33px 18px #d7d7d7,36px 18px #8932e5,39px 18px #d7d7d7,42px 18px #d7d7d7,45px 18px #333,3px 21px #333,6px 21px #d7d7d7,9px 21px #333,12px 21px #333,15px 21px #333,18px 21px #d7d7d7,21px 21px #d7d7d7,24px 21px #d7d7d7,27px 21px #d7d7d7,30px 21px #d7d7d7,33px 21px #8932e5,36px 21px #d7d7d7,39px 21px #8932e5,42px 21px #d7d7d7,45px 21px #333,3px 24px #333,6px 24px #d7d7d7,9px 24px #d7d7d7,12px 24px #333,15px 24px #d7d7d7,18px 24px #d7d7d7,21px 24px #333,24px 24px #d7d7d7,27px 24px #333,30px 24px #d7d7d7,33px 24px #d7d7d7,36px 24px #8932e5,39px 24px #d7d7d7,42px 24px #d7d7d7,45px 24px #333,6px 27px #333,9px 27px #d7d7d7,12px 27px #d7d7d7,15px 27px #d7d7d7,18px 27px #d7d7d7,21px 27px #d7d7d7,24px 27px #d7d7d7,27px 27px #d7d7d7,30px 27px #d7d7d7,33px 27px #d7d7d7,36px 27px #d7d7d7,39px 27px #d7d7d7,42px 27px #333,9px 30px #333,12px 30px #333,15px 30px #333,18px 30px #333,21px 30px #333,24px 30px #333,27px 30px #333,30px 30px #333,33px 30px #333,36px 30px #333,39px 30px #333;;
+}
+
.snes-jp-logo {
position: relative;
display: inline-block;
diff --git a/index.html b/index.html
index ee99b95..512f9c9 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@
- NES.css
+ NES.css
NES-style CSS Framework.
@@ -180,6 +180,7 @@
Controllers
+
diff --git a/scss/pixel-arts/snes-icon.scss b/scss/pixel-arts/snes-icon.scss
index 5ebf4ce..00587c8 100644
--- 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);
+ }
}