Create your own CSS pixel art with two divs & box-shadow

complete pixel link codepen example
sass — watch input-filename.scss:output-filename.css
<body>
<div class=”pixel-container”>
<div class=”pixel”></div>
</div>
</body>

$tunic: rgb(75, 159, 2);
$outline: black;
$white: white;
$hair: rgb(249, 199, 34);
$eyes: rgb(0, 136, 255);
$skin: rgb(198, 170, 109);
$shoes: rgb(130, 53, 53);
.pixel-container {
width: 25em;
height: 25em;
}
.pixel {
width: 1em;
height: 1em;
}
box-shadow: 0em 0em black;
box-shadow: 8em 1em $outline 

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store