बोर्बोन और नीट रत्नों के साथ अपरिभाषित मिश्रण

Question

मैं बोर्बन और स्वच्छ रत्नों के आवेदन के निर्माण के लिए रत्नों का उपयोग कर रहा हूं। मेरे application.css.scss इस में शामिल हैं:

@import "bourbon"; 
@import "neat"; 
@import "main"; 

लेकिन अगर मैं रन 'रेक संपत्ति: precompile':

rake aborted! 
Undefined mixin 'outer-container'. 
(in /Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss) 
/Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss:5:in `outer-container' 
/Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss:5 

फ़ाइल main.css.scss इस में शामिल हैं:

तो यह त्रुटि होता है

footer#page_footer { 
@include outer-container; 
nav{ 
    @include span-columns(6); 
    @include shift(3); 
    section#about_me_footer, section#contact_footer, section#miscellaneous_footer { 
    @include span-columns(2 of 6); 
} 
} 
p { 
@include span-columns(6); 
@include shift(3); 
} 
} 

कोई मुझे कुछ सुझाव दे सकता है?

Answer 1

मुझे एक ही समस्या थी। मैं इसे दो अलग-अलग तरीकों से काम करने में सक्षम था।

पहला तरीका शायद कम वांछनीय है, लेकिन आप application.css.scss फ़ाइल में सही अपने कोड जोड़ सकते हैं:

div.container { 
    @include outer-container; 
} 

वैकल्पिक रूप से

, आप जोड़ सकते हैं:

@import "bourbon"; 
@import "neat"; 

शीर्ष करने के लिए आपकी main.css.scss फ़ाइल का।
यह आपको अपनी शैली को व्यवस्थित रखने की अनुमति देता है।

इस समस्या के बारे में उनके विकि में एक पृष्ठ के लिए बोरबॉन साइट लिंक, लेकिन समाधान उल्लेख मेरे लिए काम नहीं किया:

https://github.com/thoughtbot/bourbon/wiki/Rails-Help-%5C-Undefined-mixin

Answer 2

FWIW इस मुद्दे https://github.com/thoughtbot/bourbon/issues/120, सूचना के बारे में Jacklin की टिप्पणी का उपयोग करना है सीधे मेरे मुख्य सीएसएस फ़ाइल में आयात विवरण जोड़ना इसे हल किया। हालांकि, मैं यह समस्या तय करना चाहूंगा क्योंकि मैं वास्तव में उन आयात विवरणों को प्रत्येक फ़ाइल में जोड़ना नहीं चाहता हूं, जिन्हें मैं

Answer 3

के लिए मिश्रित का उपयोग करना चाहता हूं, मुझे एक ही समस्या है।

मेरे पास @include बाहरी कंटेनर का उपयोग करके एक div था, और एक दूसरा div जिसमें @include span-column (8) शामिल है। दूसरा div गलत तरीके से पहले बाहर बैठ गया, भ्रामक त्रुटि "अपरिभाषित मिश्रण" बाहरी कंटेनर "का उत्पादन करता है। पहले div के अंदर दूसरे भाग को स्थानांतरित करना (बाहरी कंटेनर के भीतर - सीएसएस और एचटीएमएल में) समस्या को सही किया।

उपर्युक्त समस्या के लिए, आपको यह सुनिश्चित करके वही करना होगा कि पी टैग पाद लेख का बच्चा है।

Answer 4

मुझे यह वही समस्या थी। मेरे लिए समाधान layout.css.scss से _layout.css.scss से आंशिक फ़ाइल का नाम बदलना था। एसएएसएस मिश्रणों का उपयोग करने वाली किसी भी फाइल को उन मिश्रणों के लोड होने के बाद शामिल करने की आवश्यकता है। इस मामले में यह layout.css फ़ाइल को अकेले प्रीकंपाइल करने का प्रयास कर रहा था, हालांकि इसे संदर्भित मिश्रणों के स्रोत की आवश्यकता नहीं थी। अंडरस्कोर जोड़ना प्रीकंपलर उस फाइल को अनदेखा करता है जब तक कि किसी अन्य फ़ाइल को इसकी आवश्यकता न हो।

Answer 5

Change Logouter-container मिश्रण के अनुसार संस्करण 2.0.0 के रूप में हटा दिया गया है। outer-container के साथ आप उच्चतम संस्करण का उपयोग कर सकते हैं 1.8.0 है। बंडलर के माध्यम से नीट जोड़ते समय, आप 2.0 या उच्चतर प्राप्त करेंगे जबतक कि आप अपने Gemfile में कोई संस्करण निर्दिष्ट नहीं करते हैं।

ऐसा करने के लिए new way यह बहुत आसान लगता है, लेकिन यदि आपके पास असमर्थित स्कैस का समूह है तो यह थोड़ा सा आराम है।