स्टाइलस वेरिएबल स्कोप फाइलों में कैसे काम करता है?

Question

आदर्श रूप में, मैं एक फ़ाइल "colors.styl" जहाँ मैं सभी रंग तो जैसे साइट भर में इस्तेमाल किया परिभाषित कर सकते हैं स्थापित करने के लिए करना चाहते हैं:

// --------------- GENERAL VARIABLE DEFINITIONS 
$beige  = #F2F2F2 
$darkGrey  = #282828 
$errorRed  = #B94A48 

जब मैं अन्य फ़ाइलों में इन चरों पहुंच बनाने का प्रयास, मैं बस चर नाम हल मान के बजाय वापस पाने:

body { 
    background-color: $beige; 

मैं क्रम में फ़ाइलें संकलन कर रहा हूँ तो colors.styl आराम से पहले चला जाता है। Stylus में फ़ाइलों में चर के अपने चरम खो देता है?

Answer 1

हां, चर सभी फाइलों में अपना दायरा खो देते हैं।

लेकिन आप चरों तक पहुंचने के लिए अन्य फ़ाइलों में @import color कर सकते हैं।

Answer 2

इसके बजाय हर फ़ाइल में @import "colors" करने का है, तो आप भी एक मुख्य लोडर फ़ाइल बना सकते हैं, इस तरह:

@import "colors" 

@import "styles1" 
@import "styles2" 

चर colors.styl में परिभाषित किया गया तो styles1.styl और styles2.styl में उपलब्ध हो जाएगा। स्टाइलस से आउटपुट आपकी सभी शैलियों वाली एक बड़ी सीएसएस फ़ाइल होगी।