Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
a precess production
$x: 10px;
.cli{
height:$x;
width:$x;
background:#000;
margin:1em;
box-shadow:
$x 0 0 #fff
,2 * $x 0 0 #fff
,3 * $x 0 0 #fff
,4 * $x 0 0 #fff
,5 * $x 0 0 #fff
,6 * $x 0 0 #fff
,7 * $x 0 0 #fff
,8 * $x 0 0 #fff
,9 * $x 0 0 #fff
,10 * $x 0 0 #fff
,11 * $x 0 0 #fff
,12 * $x 0 0 #fff
// |
,0 $x 0 #fff
,0 2*$x 0 #fff
,0 3*$x 0 #fff
,0 4*$x 0 #fff
,0 5*$x 0 #fff
,0 6*$x 0 #fff
,0 7*$x 0 #fff
,0 8*$x 0 #fff
,0 9*$x 0 #fff
,0 10*$x 0 #fff
// >
,2 * $x 2 * $x 0 #fff
,3 * $x 3 * $x 0 #fff
,4 * $x 4 * $x 0 #fff
,3 * $x 5 * $x 0 #fff
,2 * $x 6 * $x 0 #fff
// _
,5 * $x 7 * $x 0 #fff
,6 * $x 7 * $x 0 #fff
,7 * $x 7 * $x 0 #fff
// ___
,$x 11*$x 0 #fff
,2*$x 11*$x 0 #fff
,3*$x 11*$x 0 #fff
,4*$x 11*$x 0 #fff
,5*$x 11*$x 0 #fff
,6*$x 11*$x 0 #fff
,7*$x 11*$x 0 #fff
,8*$x 11*$x 0 #fff
,9*$x 11*$x 0 #fff
,10*$x 11*$x 0 #fff
,11*$x 11*$x 0 #fff
,12*$x 11*$x 0 #fff
// |
,13*$x $x 0 #fff
,13*$x 2*$x 0 #fff
,13*$x 3*$x 0 #fff
,13*$x 4*$x 0 #fff
,13*$x 5*$x 0 #fff
,13*$x 6*$x 0 #fff
,13*$x 7*$x 0 #fff
,13*$x 8*$x 0 #fff
,13*$x 9*$x 0 #fff
,13*$x 10*$x 0 #fff
;
}
body{
background:#000;
}
.cli {
height: 10px;
width: 10px;
background: #000;
margin: 1em;
box-shadow: 10px 0 0 white, 20px 0 0 white, 30px 0 0 white, 40px 0 0 white, 50px 0 0 white, 60px 0 0 white, 70px 0 0 white, 80px 0 0 white, 90px 0 0 white, 100px 0 0 white, 110px 0 0 white, 120px 0 0 white, 0 10px 0 white, 0 20px 0 white, 0 30px 0 white, 0 40px 0 white, 0 50px 0 white, 0 60px 0 white, 0 70px 0 white, 0 80px 0 white, 0 90px 0 white, 0 100px 0 white, 20px 20px 0 white, 30px 30px 0 white, 40px 40px 0 white, 30px 50px 0 white, 20px 60px 0 white, 50px 70px 0 white, 60px 70px 0 white, 70px 70px 0 white, 10px 110px 0 white, 20px 110px 0 white, 30px 110px 0 white, 40px 110px 0 white, 50px 110px 0 white, 60px 110px 0 white, 70px 110px 0 white, 80px 110px 0 white, 90px 110px 0 white, 100px 110px 0 white, 110px 110px 0 white, 120px 110px 0 white, 130px 10px 0 white, 130px 20px 0 white, 130px 30px 0 white, 130px 40px 0 white, 130px 50px 0 white, 130px 60px 0 white, 130px 70px 0 white, 130px 80px 0 white, 130px 90px 0 white, 130px 100px 0 white;
}
body {
background: #000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.