mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-04-21 14:42:01 +02:00
40 lines
1.0 KiB
SCSS
40 lines
1.0 KiB
SCSS
.nes-mario {
|
|
$mario-colors: (#f81c2f, #65352b, #ffbb8e, #000, #1560ad, #aeaeac, #fef102);
|
|
// prettier-ignore
|
|
$mario: (
|
|
(0,0,0,0,1,1,1,1,1,0,0,0,0,0),
|
|
(0,0,0,1,1,1,1,1,1,1,1,1,0,0),
|
|
(0,0,0,2,2,2,3,3,4,3,0,0,0,0),
|
|
(0,0,2,3,2,3,3,3,4,3,3,3,0,0),
|
|
(0,0,2,3,2,2,3,3,3,4,3,3,3,0),
|
|
(0,0,2,2,3,3,3,3,4,4,4,4,0,0),
|
|
(0,0,0,0,3,3,3,3,3,3,3,0,0,0),
|
|
(0,0,0,0,1,5,1,1,5,0,0,0,0,0),
|
|
(0,0,1,1,1,5,1,1,5,1,1,1,0,0),
|
|
(0,1,1,1,1,5,5,5,5,1,1,1,1,0),
|
|
(0,6,6,1,5,7,5,5,7,5,1,6,6,0),
|
|
(0,6,6,6,5,5,5,5,5,5,6,6,6,0),
|
|
(0,6,6,5,5,5,5,5,5,5,5,6,6,0),
|
|
(0,0,0,5,5,5,0,0,5,5,5,0,0,0),
|
|
(0,0,2,2,2,0,0,0,0,2,2,2,0,0),
|
|
(0,2,2,2,2,0,0,0,0,2,2,2,2,0)
|
|
);
|
|
$size: 6px;
|
|
|
|
position: relative;
|
|
display: inline-block;
|
|
width: $size * length(nth($mario, 1));
|
|
height: $size * length($mario);
|
|
|
|
&::before {
|
|
position: absolute;
|
|
top: -$size;
|
|
left: -$size;
|
|
content: "";
|
|
background: transparent;
|
|
|
|
@include pixelize($size, $mario, $mario-colors);
|
|
@include fill-gaps();
|
|
}
|
|
}
|