mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-08-30 09:20:02 +02:00
Merge branch 'add-text-and-dialog-to-docs' of github.com:BcRikko/NES.css into add-text-and-dialog-to-docs
This commit is contained in:
@@ -14,4 +14,5 @@
|
||||
@import "smartphone.scss";
|
||||
@import "mario.scss";
|
||||
@import "kirby.scss";
|
||||
@import "psone.scss";
|
||||
@import "octocat.scss";
|
||||
|
34
scss/pixel-arts/psone.scss
Normal file
34
scss/pixel-arts/psone.scss
Normal file
@@ -0,0 +1,34 @@
|
||||
.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)
|
||||
);
|
||||
|
||||
$size: 4px;
|
||||
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: $size * length(nth($psone, 1));
|
||||
height: $size * length($psone);
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: -$size;
|
||||
left: -$size;
|
||||
content: "";
|
||||
background: transparent;
|
||||
|
||||
@include pixelize($size, $psone, $psone-colors);
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user