.x-1 { left: -100px; }
.x0 { left: 0; }
.x1 { left: 100px; }
.x2 { left: 200px; }
.x3 { left: 300px; }
.x4 { left: 400px; }
.x5 { left: 500px; }
.x6 { left: 600px; }

.y-1 { top: -100px; }
.y0 { top: 0; }
.y1 { top:100px; }
.y2 { top: 200px; }
.y3 { top: 300px; }
.y4 { top: 400px; }
.y5 { top: 500px; }
.y6 { top: 600px; }

//$cellW: 100px;
//$cellH: 100px;

.cell {
    border:1px solid purple;
    height:100px;
    line-height:100px;
    position:absolute;
    text-align:center;
    width:100px;
}