कम या SASS

का उपयोग कर सीएसएस क्लास नामों में उपसर्ग जोड़ें, मैं एक परियोजना पर बूटस्ट्रैप का उपयोग करने की कोशिश कर रहा हूं जिसमें 400+ साइटें शामिल हैं और पिछले सीएसएस क्लास नामों का उपयोग करती हैं (जिन पर मेरा कोई नियंत्रण नहीं है)। मैं कुछ सीएसएस नामों में संघर्ष कर रहा हूं और मेरे लिए समाधान बूटस्ट्रैप (उदाहरण के लिए .tob। पंक्ति में पंक्ति) में उपसर्ग जोड़ना है।कम या SASS

मैं कम से कम नामस्थान जोड़ने की विधि से परिचित हूं, जहां कक्षाओं के चारों ओर एक अतिरिक्त वर्ग लपेटा जाता है। दुर्भाग्य से, ऐसा नहीं लगता है कि यह मेरे मुद्दों को हल करेगा।

क्या कम, एसएएसएस, या किसी अन्य कंपाइलर के माध्यम से कोई तरीका है जो बूटस्ट्रैप में सभी मौजूदा वर्गों में टीबी-उपसर्ग जोड़ने में आसान बनाता है?

स्रोत

2013-06-25 Kyle

जबकि मैं निश्चित रूप से बात नहीं कर सकता, मुझे विश्वास है कि जवाब "नहीं" है। इसके अतिरिक्त, यदि आप बूटस्ट्रैप कोड को देखते हैं, तो वे चीजों को करने के लिए बहुत से गुण चयनकर्ता (इसलिए केवल कक्षाएं) का उपयोग नहीं करते हैं, जिनमें से कुछ और अन्य कक्षाओं पर भी निर्भर नहीं हैं। इससे आप जो करने की कोशिश कर रहे हैं उसकी जटिलता को जोड़ता है। – ScottS

आप शायद

$ नाम स्थान एस.ए.एस.एस. के साथ ऐसा कर सकते हैं: "टीबी";
⌘ + f (या समान) अपनी सीएसएस फ़ाइल में सभी कक्षाओं को खोजने के लिए। आपको शायद उन्हें खोजने के लिए रेगेक्स (और कुछ परीक्षण + त्रुटि) की आवश्यकता होगी।
सभी कक्षाओं में .#{$namespace}- जोड़ें।

आदर्श रूप में, आप कुछ इस तरह मिल पाने चाहते हैं:

$namespace: "tb"; 

.#{$namespace}-myClass { 
    background:pink !important; 
} 

.#{$namespace}-carousel-module { 
    width: 25%; 
}

संकलित

.tb-myClass { 
    background:pink !important; 
} 

.tb-carousel-module { 
    width: 25%; 
}

को

"आराम" एक खंड हो सकता है लेकिन "आसान" फिटिंग लगता है।

मुझे यकीन नहीं है कि यह ईमानदारी से सबसे अच्छा तरीका है, मैं सिर्फ ripping off a gist that I saw हूं, लोगों की टिप्पणियों से मैं बहुत ज्यादा स्मार्ट हूं। यद्यपि आप के लिए आसान हो सकता है!

स्रोत

2013-06-25 16:50:50 imjared

टीबी लाइब्रेरी को संशोधित करना आदर्श समाधान से कम है। – cimmanon

मैं सहमत हूं लेकिन ऐसा लगता है कि लेखक – imjared

आप सीधे बूटस्ट्रैप कोड को संशोधित करने की आवश्यकता होगी, यह कैसे कम समय में सुंदर ढंग से प्राप्त किया जा सकता का एक उदाहरण: सभी बूटस्ट्रैप वर्ग के लिए

.prefixname { 
    &-row { 
     ... 
    } 
}

स्रोत

2013-11-16 22:39:19 raygerrard

की तलाश में है, लेकिन मैं इस दृष्टिकोण का उपयोग करने की कोशिश कर रहा हूं लेकिन किसी कारण से काम नहीं कर रहा है :( –

यह ** SASS ** –

मैं जोड़ दिया है उपसर्ग "tb-" (कम के लिए) v3.1.0 में। तो कम फ़ाइलों को संकलित करने के बाद आपको ".tb-btn" जैसे कुछ मिल जाएगा। आप https://github.com/TimothyGuo/tb--prefix-for-Bootstrap-v3.1.0--LESS-

स्रोत

2014-02-06 04:24:08

में काम करता है आपने अपनी फाइलें कैसे बनाई हैं आपके github repo। मैं वास्तव में क्या करना चाहता हूं। – user566245

मैं उन फ़ाइलों को अपने भंडार में धक्का देने के लिए गिट बैश का उपयोग करता हूं। आप या तो ज़िप फ़ाइल से सीधे ज़िप फ़ाइल डाउनलोड कर सकते हैं, या अपने स्थानीय वातावरण में भंडार को नीचे खींच सकते हैं। मैं काम कर रहा हूं एक प्रोजेक्ट पर जिसे बूटस्ट्रैप v3.1.0 के लिए कुछ उपसर्ग की आवश्यकता है, लेकिन दुर्भाग्य से मुझे ऐसा कोई भी व्यक्ति नहीं मिला जो पहले से ही इस नए संस्करण में उपसर्ग जोड़ता है। इसलिए मैंने इसे स्वयं करने और समुदाय के साथ साझा करने का फैसला किया। उम्मीद है कि इससे अन्य डेवलपर्स की मदद मिलेगी। –

धन्यवाद टिम, तो यह बूटस्ट्रैप जावास्क्रिप्ट घटकों जैसे मोडल, पॉपओवर इत्यादि के साथ कैसे काम करेगा जो विशिष्ट वर्गों के साथ तत्वों का निर्माण कर रहे हैं और विशिष्ट वर्गों के साथ तत्वों की तलाश कर रहे हैं – user566245

पर मेरे प्रोजेक्ट को फोर्क कर सकते हैं यहां क्लास उपसर्ग के साथ बूटस्ट्रैप का कांटा है। https://github.com/sneas/bootstrap-sass-namespace। मेरे लिए बहुत अच्छा काम करता है।

स्रोत

2017-04-06 13:33:48 sneas

कम या SASS

उत्तर

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