mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-01 18:13:32 +02:00
Code Issues Releases Wiki Activity

🙈 アイコン名をリネーム

Browse Source
This commit is contained in:
BcRikko
2018-11-29 21:50:32 +09:00
parent f884610487
commit c97d4c0d6c
5 changed files with 66 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
scss/pixel-arts/_index.scss
View File

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

33
scss/pixel-arts/nes-jp-icon.scss Normal file
View File

@@ -0,0 +1,33 @@
.nes-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);
}
}

32
scss/pixel-arts/snes-icon.scss
View File

@@ -1,33 +1,3 @@
.snes-logo {
$px: 3px;
$logo-colors: (#333, #d7d7d7, #7dbb78, #999cf7, #f40500, #f6f504);
// 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,4,2,2,1),
(1,2,1,1,1,2,2,2,2,2,3,2,5,2,1),
(1,2,2,1,2,2,1,2,1,2,2,6,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);
}
// dummy
}

16
scss/pixel-arts/snes-jp-icon.scss
View File

@@ -1,19 +1,19 @@
.snes-jp-logo {
$px: 3px;
$logo-colors: (#333, #871f37, #dfd3b9);
$logo-colors: (#333, #d7d7d7, #7dbb78, #999cf7, #f40500, #f6f504);
// 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)
(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,4,2,2,1),
(1,2,1,1,1,2,2,2,2,2,3,2,5,2,1),
(1,2,2,1,2,2,1,2,1,2,2,6,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;