2013-09-27 8 views
8

ho questo nel mio main.sass:Sass compilatore dice: rientro incoerente

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

Quando si compila, sass dice:

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

C'è un modo per sopprimere questo?

risposta

13

UPDATE: Vedendo che hai incluso le parentesi graffe nella vostra domanda, vi suggerisco di provare a cambiare l'estensione del file .sass-.scss. SCSS probabilmente ignorerà il rientro perché è in grado di dire quale parte va dove basata sulle parentesi graffe.


SASS si basa su rientro a dire dove si sta cercando di applicare il CSS, in modo che non sarà in grado di convalidare se varia in ogni riga. Prova a modificare:

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

Personalmente, non avrei nemmeno rientro border-box per farli tutti partono stessa colonna, perché è troppo lavoro per troppo poco guadagno. In alternativa, si potrebbe scrivere un mixin di farlo per voi:

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

Dopo aver definito, è possibile includere direttamente:

.something 
    @include border-box 
+0

Ho aggiunto i '#thing {}' a il sass. Scrivo sass, non scss. Questo fa la differenza? – Kriem

+0

Provare a cambiare l'estensione in SCSS e testarla con le parentesi graffe. SCSS dovrebbe ignorare il rientro incoerente. –

+0

Accidenti, hai ragione! È scss non sass. Se riesci a farlo in una risposta, lo approverò. :) – Kriem