Sass编译器说：缩进不一致

Question

我在main.sass中有这个：

#thing 
{
       -moz-box-sizing:     border-box; 
    -webkit-box-sizing:     border-box; 
            box-sizing:     border-box;
}

编译时，sass说：

Inconsistent indentation: 7 spaces were used for indentation, 
but the rest of the document was indented using 4 spaces.

有没有办法压制这个？

Answer 1

更新：看到您在问题中包含大括号，我建议您尝试将文件的扩展名从.sass更改为.scss。 SCSS可能会忽略你的缩进，因为它可以根据花括号来判断哪个部分在哪里。

---

SASS依靠缩进来告诉您尝试应用CSS的位置，因此如果每行都有变化，它将无法验证它。试试这个：

.something
    -webkit-box-sizing: border-box 
    -moz-box-sizing:    border-box
    box-sizing:         border-box

就我个人而言，我甚至不打扰缩进border-box使它们全部从同一列开始，因为太多的收益太多了。作为替代方案，您可以编写一个mixin来为您完成：

@mixin border-box
    -webkit-box-sizing: border-box
    -moz-box-sizing: border-box
    box-sizing: border-box

定义后，您可以直接包含它：

.something
    @include border-box