30
मैं अपने रेल ऐप में बूटस्ट्रैप-एसएएस का उपयोग कर रहा हूं। मैं बूटस्ट्रैप-एसएएस वैरिएबल $ navbarBackground को ओवरराइड करना चाहता हूं। बूटस्ट्रैप-सास भी रंगों के लिए चर परिभाषित करता है। तो हेक्स कोड का उपयोग करने के बजाय मैं वैरिएबल $ लाल का उपयोग करना चाहता हूं जो इसे परिभाषित करता है।क्या मैं आयात किए जाने के बाद सास चर को ओवरराइड कर सकता हूं?
$navbarBackground: #9d261d;
@import "bootstrap";
लेकिन अगर मैं तो निम्न कार्य करें -
$navbarBackground: $red;
@import "bootstrap";
यह मुझे एक त्रुटि दे देंगे के रूप में चर $ लाल केवल जो अगली पंक्ति में आयात किया जाता है बूटस्ट्रैप फ़ाइल परिभाषित किया गया है।
तो क्या कोई तरीका है कि मैं आयात किए जाने के बाद सास चर को ओवरराइड कर सकता हूं?
संपादित
मैं GitHub पर परियोजना धकेल दिया - https://github.com/murtaza52/rails-base
और यूआरएल स्थानीय होस्ट पर पहुँचा जा सकता है: 3000/पदों/
धन्यवाद कुलबीर के लिए एक "जब तक यह पहले से ही असाइन किया गया है" क्वालीफायर कहा कि चाल किया था की तरह है ! हालांकि जब मैं मणि खोलकर _bootstrap.scss को देखता हूं, तो मुझे लगता है कि यह निम्न पंक्ति '// कोर वैरिएबल और मिक्सिन @import "बूटस्ट्रैप/चर" के साथ शुरू होता है; // कस्टम रंगों, फ़ॉन्ट आकारों, आदि के लिए इसे संशोधित करें @import "बूटस्ट्रैप/मिक्सिन"; 'क्या मेरे लिए पहले चर को आयात करना और उन्हें संशोधित करना संभव है, और फिर पूरे बूटस्ट्रैप को आयात करें? – murtaza52
यदि आप 'बूटस्ट्रैप/चर' आयात करते हैं, तो चर संशोधित करें और फिर 'बूटस्ट्रैप' आयात करें, मुझे लगता है कि चर फिर से ओवरराइड हो जाएंगे। चूंकि, बूटस्ट्रैप फिर से 'बूटस्ट्रैप/चर' आयात करेगा। इस योग्य यद्यपि एक प्रयास। –
यह मेरे लिए धन्यवाद धन्यवाद! – Proxy32