2013-09-27 20 views
8

benim main.sass içinde bu var:Sass derleyici diyor: Tutarsız girinti

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

derleme, küstahlık diyor ki: Bu bastırmak için bir yol

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

var mı?

cevap

13

GÜNCELLEME: Görmek Eğer söz konusu küme parantezi yer verdik, sana .sass den .scss için dosyanın uzantısını değiştirmeyi deneyin düşündürmektedir. SCSS muhtemelen girintinizi görmezden gelecektir, çünkü hangi bölümün küme parantezine göre nereye gittiğini söyleyebilir. Eğer CSS uygulamak için çalışıyoruz nerede SUKDÖ'nün girinti dayanır


anlatmak, yüzden her satırda değişiyorsa bunu doğrulamak mümkün olmayacaktır. Bunun yerine bu deneyin:

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

Şahsen ben bile hepsini aynı sütunda başlayacak yapmak border-box girinti rahatsız etmem, çok az kazanç için çok fazla iş olduğu için. Alternatif olarak, sizin için bunu yapmak için bir mixin yazabilirsiniz:

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

bunu tanımladıktan sonra, doğrudan şunları içerebilir:

.something 
    @include border-box 
+0

ben '#thing {}' eklediğiniz sass Sass yazarım, scss değil. Bu bir fark yaratıyor mu? – Kriem

+0

Uzantıyı SCSS'ye değiştirmeyi ve kaşlı ayraçlarla test etmeyi deneyin. SCSS tutarsız girinti göz ardı etmelidir. –

+0

Darn, haklısın! Scss sass değil. Bunu bir cevap haline getirebilirsen onaylayacağım. :) – Kriem