使用LiveStyle在chrome中调试SASS问题

最新版本的Chrome可以加载map文件，直接在审查元素的时候可以看到scss文件对应的行号，但是我一旦修改了相关的属性，文件就变成了css，而不是scss。

主要我是想配合LiveStyle使用，希望能直接映射scss，我看LiveStyle官网上是可以调节的。

PS，我说的调节，是scss中嵌套的样式，而不是直接的选择器：

/*like this*/
#container {
 .shadow-box {
    width: 100px;
    height: 100px;
    background: red;
 }
}

/*not this*/
#container .shadow-box {
    width: 100px;
    height: 100px;
    background: red;
}

如果我直接写下面的样式，LiveStyle能直接对应，但是我写上面那种嵌套，它就直接给我在文件下方添加了编译后的样式，达不到和我scss文件对应的关系了。。。