Sass kompilator mówi: Niezgodne wcięcie

Question

mam to w moim main.sass:

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

Podczas kompilacji, Sass mówi:

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

Czy istnieje sposób, aby stłumić to?

Answer 1

UPDATE: Widząc, że masz włączone nawiasy klamrowe w swoim pytaniu, proponuję spróbować zmienić rozszerzenie pliku z .sass do .scss. SCSS prawdopodobnie zignoruje twoje wcięcie, ponieważ może stwierdzić, która część idzie w oparciu o nawiasy klamrowe.

---

SASS polega na nacięciu powiedzieć gdzie starasz się zastosować CSS, więc nie będzie w stanie zweryfikować go, jeśli zmienia się w każdej linii. Spróbuj to zamiast:

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

Osobiście nawet nie przeszkadza wcięć border-box aby je wszystkie zaczynają się od tej samej kolumnie, ponieważ jest zbyt wiele pracy dla zbyt małego przyrostu. Jako alternatywę można napisać mixin to zrobić dla Ciebie:

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

Po zdefiniowaniu go, można umieścić go bezpośrednio:

.something 
    @include border-box