2014-05-22 6 views
14

क्या सैस '3.3 mappings इंडेंट करने का कोई तरीका है?सास मैपिंग्स और इंडेंट सिंटैक्स

एससीएसएस में हम निम्नलिखित लिख सकते हैं:

$colors: (
    header: #b06, 
    text: #334, 
    footer: #666777 
) 

लेकिन सास में मैं कोष्ठकों में किसी भी ब्रेक नहीं जोड़ सकते। मुझे लगता है कि ब्रांड्स को मैपिंग सिंटैक्स में जरूरी है।

$colors: 
    header: #b06 
    text: #334 
    footer: #666777 

Syntax error: Illegal nesting: Nothing may be nested beneath variable declarations. 

मैंने कुछ भिन्नताओं की कोशिश की और त्रुटियों के बिना कुछ भी संकलित नहीं किया गया।

सास संकलन करने के लिए मैं इस तरह एक स्ट्रिंग में यह लिखने के लिए की जरूरत है:

$colors: (header: #b06, text: #334, footer: #666777) 

लेकिन यह नहीं है दांतेदार वाक्य रचना।

मुझे लगता है कि एससीएसएस फ़ाइल में इंडेंट-केवल चीजें लिखने के लिए एक अच्छी पैदल यात्रा होगी और फिर उन्हें आयात करें।

उत्तर

11

SASS में इंडेंट किए गए वाक्यविन्यास के साथ कई समस्याएं हैं।

दुर्भाग्य से SASS वाक्यविन्यास मल्टी-लाइन का समर्थन नहीं करता है। प्रलेखन पढ़ना, वहाँ केवल एक अपवाद नहीं है जब यह इस उदाहरण की तरह चयनकर्ताओं कई सीएसएस की बात आती है:

http://sass-lang.com/docs/yardoc/file.INDENTED_SYNTAX.html#multiline_selectors

तो, वहाँ है:

.users #userTab, 
.posts #postTab 
    width: 100px 
    height: 30px 

यहाँ पूरा दस्तावेज़ पढ़ें SASS में एक तर्क सूची के लिए बहु-पंक्ति समर्थन प्राप्त करने की कोई संभावना नहीं है।

6

यह एक ज्ञात मुद्दा है और जल्द ही किसी भी समय संबोधित नहीं किया जाएगा।

यह निश्चित रूप से कुछ है जो मैं जोड़ना चाहता हूं, लेकिन इंडेंट किए गए वाक्यविन्यास के पुनर्विक्रय के कारण यह काफी प्रयास करेगा। फिलहाल यह उन सुविधाओं को जोड़ने से केवल कम प्राथमिकता है जो हर किसी को लाभ पहुंचाते हैं।

https://github.com/sass/sass/issues/1088

संबंधित मुद्दे