薩斯編譯說：不一致的縮進

Question

我有這個在我的main.sass：

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

編譯時，薩斯說：

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

有沒有辦法來抑制呢？

Answer 1

UPDATE：看到你已經包括在你的問題的大括號，我建議你嘗試改變文件的擴展名從.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