मैं एस.ए.एस.एस. आरजीबी बंद कर सकता हूं -> रंग नाम

Question

मैं इस तरह एक CSS नियम है:

background: #fff url('/assets/img/file.png'); 

यह करने के लिए संकलन है:

background: white url("/assets/img/file.png"); 

वहाँ इसे परिवर्तित करने से रोकने के लिए कोई तरीका है उसके जैसा? मेरे पृष्ठ पर जेएस है जो आरजीबी मूल्यों की तलाश में है और मैं उन तारों को कुछ हैकी फ़ंक्शन में आरजीबी में परिवर्तित नहीं करना चाहता हूं।

Answer 1

डिफ़ॉल्ट रूप से, सास अपने हेक्स मानों से शाब्दिक रंग मानों को परिवर्तित नहीं करेगा जब तक कि आप #{} या चर के साथ इंटरसोल करने के लिए बास को मजबूर नहीं कर रहे हैं।

इंटरपोलेशन का उपयोग करने से आपके द्वारा रुचि रखने वाले मूल्य के "to_sass" संस्करण को वापस कर दिया जाएगा। उदाहरण के लिए, #{ #fff } "सफेद" में अंतरण करेगा। यह वैरिएबल प्रतिस्थापन के दौरान भी होता है: रंगीन अक्षरों को रंग ऑब्जेक्ट्स में अनुवादित किया जाता है जब चर के रूप में उपयोग किया जाता है, फिर "स्टाइलशीट" में "to_sass" ed संपादित किया जाता है।

इसके अलावा, आप शैली विकल्प compressed निर्दिष्ट कर सकते हैं, जो #f00 के बजाय कम बाइट-लंबाई संस्करण (यानी red) लौटाएगा। चूंकि white 5 वर्ण लंबा है और #fff केवल 4 है, इसलिए आपका नियम #fff के साथ प्रतिस्थापित होगा।

चर का उपयोग करते समय रिवर्स HTML4 रंग नाम रूपांतरण को बंद करने का कोई तरीका नहीं है। एक कार्य के आसपास के रूप में, आप एक रंग के रूप में रंग चर घोषित कर सकते हैं, फिर unquote() फ़ंक्शन के साथ शैलियों में उपयोग करें।

$color: '#fff'; 
.white { color: unquote($color) }