2011-05-10 9 views
7

उदाहरण के लिए सास से निम्नलिखित में क्या है। क्या @ मिक्सिन के लिए सिर्फ एक शॉर्टेंड है? मैं गूगल पर इस बात के लिए किसी भी जानकारी को खोजने के लिएसास में = मतलब

=multi-line-button($base-color) 
    +background-clip('padding-box') 
    border-width: 1px 
    +border-radius(6px) 
    border-style: solid 
    color: white 
    display: block 
    margin: 0.2em auto 
    padding: 12px 15px 
    text-align: center 
    text-decoration: none 

उत्तर

7

हाँ, इस तरह से सास में mixins परिभाषित करने के लिए है नहीं कर पा रहे

पता नहीं है अगर this article सभी

संपादित करें पर मदद मिलेगी:

@mixin red-text 
    color: #ff0000 

=red-text 
    color: #ff0000 

बसजोड़ने

निम्नलिखित समान हैंआपके चयनकर्ताओं को

+0

कोई विचार नहीं है कि आधिकारिक दस्तावेज़ीकरण में यह जानकारी क्यों नहीं है? क्या यह बहिष्कृत है या कुछ? – Fendo

+0

बिल्कुल यकीन नहीं है कि यह दस्तावेज़ों में क्यों नहीं है। लेकिन दोनों तकनीकों का उपयोग करना बिल्कुल ठीक है। दस्तावेज़ों का कहना है कि @mixin का उपयोग "रास्ता" है, लेकिन मैंने हमेशा "=" तकनीक का उपयोग किया है - SASS हर समय बदलता है, इसलिए यह पिछड़ा संगतता सुविधा हो सकता है ..... – stephenmurdoch

+0

मानव पठनीयता '@ मिक्सिन' और '@ शामिल' अधिक स्पष्ट है। '=' और '+' का उपयोग करके मुझे आर्केन मेकफ़ाइल वाक्यविन्यास के माध्यम से पढ़ने की याद दिलाती है: डी – jgillman

4

"@mixin foobar" नया एससीएसएस वाक्यविन्यास (अधिक सीएसएस जैसा) है और "= foobar" पुराना SASS वाक्यविन्यास (अधिक HAML- जैसा) है। मैं एसएएसएस के लिए बिल्कुल नया हूं और एससीएसएस के साथ शुरू हुआ, लेकिन दोनों समर्थित हैं (शायद एक ही स्टाइलशीट में नहीं) और दोनों को जारी रखा जाना जारी रहेगा।

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