a precess production

precess-input-1466110362.scss

$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;
}

precess-output-1466110362.css

.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;
}