2015-07-24 4 views
6

में साझा चर शामिल हैं मैं अपने चर को एक अलग फ़ाइल _variables.scss में परिभाषित कर सकता हूं, फिर उन चर को कहीं भी @import variables; उपलब्ध कराएं। (असल में चर उनके वैश्विक आयात के बाद विश्व स्तर पर उपलब्ध हैं।) पोस्टसीएसएस के साथ मैं एक फ़ाइल में स्थानीय चर को परिभाषित करने के लिए postcss-simple-vars या postcss-css-variables का उपयोग कर सकता हूं। मैं एक ही फ़ाइल में सभी/सबसे चर को परिभाषित करना चाहता हूं, फिर @import वह फ़ाइल जहां भी मुझे उनका उपयोग करने की आवश्यकता है।पोस्टसीएसएस

मुझे पता है कि पोस्टसीएसएस प्लगइन प्लगइन के लिए कॉन्फ़िगर किए गए पूर्व परिभाषित चर हो सकते हैं, लेकिन फिर मैं उदा। किसी दिए गए पृष्ठभूमि के लिए एक विपरीत रंग की गणना करें।


संपादित करें: शायद मुझे यह नहीं पता था कि मेरा प्रश्न क्या था। क्या सीएसएस फ़ाइल में पोस्टसीएसएस चर को परिभाषित करने का कोई तरीका है कि चर वैश्विक नहीं हैं, लेकिन किसी अन्य सीएसएस फ़ाइल में "आयात" किया जा सकता है? जैसा ऊपर बताया गया है, मैं सास का उपयोग कर सकता हूं, लेकिन फिर सभी चर प्रभावी ढंग से वैश्विक (आदर्श नहीं) हैं। अन्यथा पोस्टसीएसएस में मैं प्रत्येक स्टाइलशीट में वेरिएबल्स को परिभाषित कर सकता हूं, मुझे उनकी आवश्यकता है (बिंदु क्या है?), या मैं उन्हें एक स्थिर जावास्क्रिप्ट संरचना में परिभाषित कर सकता हूं (स्थिर है कि वे अन्य चरों का संदर्भ नहीं दे सकते हैं)।

+0

मैंने इस प्रश्न के लिए टैग 'पोस्टसीएसएस' का उपयोग करने/बनाने का प्रयास किया, लेकिन मेरे पास पर्याप्त प्रतिष्ठा नहीं है। :( – ravinggenius

+0

सैस के साथ इसका क्या संबंध है? – cimmanon

+0

क्या आपने @ आयातित फ़ाइलों में चर का उपयोग करके हासिल किया है? मुझे कहीं भी समाधान नहीं मिल रहा है। –

उत्तर

0

कुछ विकल्प मुझे पता है की:

  • दोनों postcss-सरल-वार्स और postcss-कस्टम गुण आप जावास्क्रिप्ट बजाय उन्हें सीएसएस फ़ाइलों में परिभाषित करने के लिए होने के से चर में से गुजरने की अनुमति - जिसका अर्थ है कि वे हर जगह पहुंच योग्य होंगे: https://github.com/postcss/postcss-simple-vars#variables; https://github.com/postcss/postcss-custom-properties#variables
  • पोस्टसीएसएस के साथ संकलित करने से पहले, शीर्ष पर चर डालने, अपनी फ़ाइलों को संयोजित करें। या आपके लिए इसे संभालने के लिए पोस्टसीएसएस-आयात का उपयोग करें।
6

आप सास में फ़ाइलों को आयात करने के लिए postcss-import का उपयोग कर सकते हैं।

फिर, आप वर्रों के साथ एक फाइलें बनाते हैं और उन्हें आयात करते हैं जहां आप पसंद करते हैं।

@import "css/_variables.css"; 
0

मैं वास्तव में समझ नहीं पा रहा हूं कि आप क्या करने की कोशिश कर रहे हैं, या वैश्विक चर से आपका क्या मतलब है। चर का बिंदु उन्हें अपनी सीएसएस फ़ाइलों में एक्सेस करना है। उन्हें वैसे भी आपके सीएसएस में संकलित नहीं किया जाएगा, इसलिए ग्लोबल सीएसएस नामक फाइल में अपने सभी वैरिएबल को स्टोर न करें और ग्लोबल फाइल आयात करके जहां भी आपको चाहिए वैरिएबल को संदर्भित करें।

एससीएसएस सिर्फ एक प्रीप्रोसेसर है इसलिए आपके किसी भी चर को वास्तव में सीएसएस फ़ाइल में लिखा नहीं जाता है इसलिए आपको चर के स्कॉइंग के बारे में चिंता करने की आवश्यकता नहीं है।