मॉड्यूल और सेन स्कोप के साथ सीएसएस प्रीप्रोसेसर?

Question

क्या SASS या LESS का कोई विकल्प है जो मॉड्यूल और शेन वैश्विक दायरे जैसे कुछ लागू करता है?

उदाहरण के लिए

, जब मैं (कम बराबर या) एस.ए.एस.एस. में ऐसा करते हैं:

@import "foo.scss" 

... यह वैश्विक विस्तार करने के लिए सभी mixins, चर, आयात की गई फ़ाइल से आदि धक्का, संभवतः अधिभावी या लोड या परिभाषित mixins/चर के साथ टकराव। मुझे लगता है कि यह एक गड़बड़ है।

मुझे कुछ और मॉड्यूलर चाहिए। कल्पना कीजिए foo.scss एक mixin bar है:

@mixin bar { 
    // ... 
} 

इस mixin उपयोग करने के लिए मैं इसे "foo" नाम स्थान के लिए अपेक्षाकृत फोन चाहते हैं। अधिक या इस तरह:

@import "foo.scss" 

.bar { 
    @include foo.bar; 
} 

दूसरे शब्दों में: अजगर में from foo import * के बराबर के रूप में काम करने के बजाय, एक @import foo वास्तव में import foo की तरह काम करेगा।

तो। क्या कोई सीएसएस प्रीप्रोसेसर है जो इस तरह के नामस्थानों की परवाह करता है?

Answer 1

कम से कम आप फ़ाइल में अपना नामस्थान परिभाषित कर सकते हैं जो दूसरे को आयात करता है।

foo.less:

.bar() { 
    // … 
} 

main.less:

.namespace { 
    @import "foo"; 
} 
// To use .bar-Mixin prefix namespace: 
body { 
    .namespace .bar(); 
    // .bar(); would throw an error 
} 

एस.ए.एस.एस./एससीएसएस के बारे में पता नहीं है।

Answer 2

मैं तुरंत क्रियान्वित mixins साथ सास में मेरी मॉड्यूल नाम स्थान:

@mixin MyAwesomeModule() { 

    $fontColor: red; 
    $bgColor: green; 

    .someDiv { 
     color: $fontColor; 
     background: $bgColor; 
    } 

} 
@include MyAwesomeModule();