सास संकलक का कहना है: असंगत खरोज

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

अद्यतन: यह देखते हुए कि आप अपने प्रश्न में घुंघराले ब्रेसिज़ को शामिल किया है, मेरा सुझाव है कि आप .sass से .scss करने के लिए फ़ाइल का विस्तार बदलने का प्रयास करें। एससीएसएस शायद आपके इंडेंटेशन को अनदेखा कर देगा क्योंकि यह बता सकता है कि घुंघराले ब्रेसिज़ पर आधारित कौन सा हिस्सा जाता है।

---

एस.ए.एस.एस. खरोज पर निर्भर करता है बताने के लिए जहाँ आप अपने सीएसएस लागू करने के लिए कोशिश कर रहे हैं, तो यह यह मान्य करने के लिए अगर यह हर पंक्ति में बदलता में सक्षम नहीं होगा। ऐसा करें:

.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