mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-09-03 02:53:31 +02:00
51 lines
1.4 KiB
SCSS
51 lines
1.4 KiB
SCSS
.nes-smartphone {
|
|
$smartphone-colors: (#fff, #060606);
|
|
// prettier-ignore
|
|
$smartphone: (
|
|
(0,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
|
|
(2,2,1,1,1,1,1,1,1,1,1,1,1,2,2),
|
|
(2,1,1,1,2,2,2,2,2,2,2,1,1,1,2),
|
|
(2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
|
|
(2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
|
|
(2,1,1,1,1,1,1,2,2,1,1,1,1,1,2),
|
|
(2,1,1,1,1,1,1,2,2,1,1,1,1,1,2),
|
|
(2,2,1,1,1,1,1,1,1,1,1,1,1,2,2),
|
|
(0,2,2,2,2,2,2,2,2,2,2,2,2,2,0)
|
|
);
|
|
$size: 6px;
|
|
|
|
position: relative;
|
|
display: inline-block;
|
|
width: $size * length(nth($smartphone, 1));
|
|
height: $size * length($smartphone);
|
|
|
|
&::before {
|
|
position: absolute;
|
|
top: -$size;
|
|
left: -$size;
|
|
content: "";
|
|
background: transparent;
|
|
|
|
@include pixelize($size, $smartphone, $smartphone-colors);
|
|
@include fill-gaps();
|
|
}
|
|
}
|