Sass编译器说:缩进不一致

Kri*_*iem 10 sass

我在main.sass中有这个:

#thing 
{
       -moz-box-sizing:     border-box; 
    -webkit-box-sizing:     border-box; 
            box-sizing:     border-box;
}
Run Code Online (Sandbox Code Playgroud)

在编译时,萨斯说:

Inconsistent indentation: 7 spaces were used for indentation, 
but the rest of the document was indented using 4 spaces.
Run Code Online (Sandbox Code Playgroud)

有没有办法压制这个?

Gab*_*lli 14

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


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

.something
    -webkit-box-sizing: border-box 
    -moz-box-sizing:    border-box
    box-sizing:         border-box
Run Code Online (Sandbox Code Playgroud)

就个人而言,我甚border-box至不打算让它们全部从同一列开始,因为太多的工作太少收益了.作为替代方案,您可以编写一个mixin来为您完成:

@mixin border-box
    -webkit-box-sizing: border-box
    -moz-box-sizing: border-box
    box-sizing: border-box
Run Code Online (Sandbox Code Playgroud)

定义后,您可以直接包含它:

.something
    @include border-box
Run Code Online (Sandbox Code Playgroud)