2012-12-14 14 views
24

मैं एक मॉड्यूलर तरीके से SASS का उपयोग करना चाहता हूं। नीचे दिए गए कोड सेगमेंट में आप एक पृष्ठ देख सकते हैं जिसे मैं किसी पृष्ठ के कुछ लेआउट व्यवस्थित करने पर विचार करता हूं।मैं विभिन्न आयातित फ़ाइलों के बीच चर कैसे साझा करूं?

मेरे मन में क्या है external variables in languages like C है।

// file: some_page.scss 
// 
// I want some variables from the fonts, colors partials 
// to be visible to the buttons partial 
// Is it possible? 
// error: _buttons.scss (Line X: Undefined variable: "$color_blue") 

@import "colors" 
@import "fonts" 
@import "buttons" 

// in file: _colors.scss 
$color_blue: blue; 

// in file: _buttons.scss 

.button { 
    background-color: $color_blue; 
} 
+2

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

+1

यह अभी भी मेरे लिए काम नहीं करता है। ऐसा लगता है कि फ़ाइल का उपयोग करने वाले avariables की आवश्यकता है। – chovy

+1

@ सिमोनबौड्रियास आप कैसे जानते हैं कि "त्रुटि वास्तविक प्रश्न के लिए अप्रासंगिक थी"? यदि ओपी अर्धविराम को शामिल करने के लिए उपेक्षित है, तो प्रश्न टाइपोग्राफ़िकल त्रुटि के रूप में बंद किया जाना चाहिए था। यदि अर्धविराम मौजूद है, तो सवाल अभी भी "पुनरुत्पादित नहीं" के रूप में बंद होना चाहिए। – cimmanon

उत्तर

23

हां, इस तरह यह काम करता है।

जब तक _colors.scss अन्य फ़ाइलों से पहले आयात किया जाता है।

आप यहां सास को ट्विटर बूटस्ट्रैप के बंदरगाह को देख सकते हैं: https://github.com/thomas-mcdonald/bootstrap-sass यह समान रूप से चर का उपयोग करता है।

11

@import लाइन के अंत में आपको ; जोड़ने की आवश्यकता है।

+3

यह एक टिप्पणी नहीं होना चाहिए उत्तर – Lior

+7

यह समाधान है। मैं एक समस्या मे फंस गया। – Chloe

+1

ठीक है, आपका मतलब है, जब अर्द्ध-कोलन जोड़ा जाता है तो चर साझा किए जाते हैं? वाह, वह सीम अत्यधिक गैर-सहज ज्ञान युक्त है। किस लाइन पर इसे "शेयरर" या "रिसीवर" जोड़ा जाना चाहिए? क्या आपके पास इसका संदर्भ है? – Lior

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