.grid {
    height:500px;
    overflow:hidden;
    position:relative;
    width:600px;
    z-index:0;

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

@for $i from 0 through 6 {
    .x#{$i} {
        left: #{$i * 100}px;
    }

    .y#{$i} {
        top: #{$i * 100}px;
    }
}