कम सीएसएस "उर्फ" बूटस्ट्रैप + फ़ॉन्ट भयानक साथ

Question

मेरी साइट का उपयोग करता है bootstrap + font-awesome और मैं अपने site.less फ़ाइल में एक "उर्फ" बनाने के लिए कोशिश कर रहा हूँ:

.icon-domain { .icon-fire; } 
.icon-group { .icon-tags; } 

कारण मैं यह कर रहा हूँ ऐसा इसलिए है क्योंकि मेरे पास मेरी साइट पर "डोमेन" इकाई है और मैं भविष्य में आइकन बदल सकता हूं इसलिए मैं सीधे अपने HTML में "आग" आइकन पर उपयोग नहीं करना चाहता हूं।

icon-group कक्षा मेरे कोड पर काम करती है लेकिन icon-domain नहीं है। जो मैं बता सकता हूं, इसकी वजह से फ़ॉन्ट-कमाल में वास्तव में icon-group कक्षा है जो इसके कोड में है। lesscss के बारे में मुझे जो समझ आया, उससे मैं एक कक्षा में उन्हें एक नई कक्षा में जोड़कर शामिल कर सकता हूं लेकिन यह बस यहां काम नहीं कर रहा है।

मैं अगर मैं अपने site.less में यह कर यह काम करने के लिए प्राप्त कर सकते हैं:

.icon-domain { &:before { content: "\f06d"; } } 

लेकिन चूंकि मैं सामग्री अपने आप को परिभाषित करने के लिए है और .icon-domain { .icon-fire; &:before; } का उपयोग कर एक सिंटैक्स त्रुटि है कि आदर्श नहीं है। क्या यह काम ठीक से करने के लिए वैसे भी है?

Answer 1

आप पर्याप्त बूटस्ट्रैप निर्भरता को शामिल करने की जरूरत है:

@import "bootstrap/variables.less"; 
@import "bootstrap/mixins.less"; 
@import "bootstrap/sprites.less"; 

.icon-domain { .icon-fire; } 
.icon-group { .icon-tags; } 

Answer 2

आप अपने कम फ़ाइल और let LESS process it में फ़ॉन्ट बहुत बढ़िया सीएसएस आयात करने के लिए की जरूरत है।

इसके बिना कम से कम उन वर्गों का पता लगाने में सक्षम नहीं होंगे जिन्हें आप उपयोग करने का प्रयास कर रहे हैं।