दिलचस्प पोस्ट
डीपी, पीएक्स, एसपी एक-दूसरे के बीच कन्वर्ट करने के लिए, विशेष रूप से डीपी और सपा कैसे? +: 'इंट' और 'स्ट्र' के लिए असमर्थित ऑपरेंप प्रकार (डुप्लिकेट) क्यों JSF सर्वर पर यूआई घटकों की स्थिति बचाता है? सोनार – कोबर्टुरा का उपयोग करके उपाय कोड कवरेज SQL सर्वर में एक निष्पादन योजना कैसे पढ़ा है एंड्रॉइड – JSOUP के साथ पार्स जेएस उत्पन्न यूआरएल विशिष्ट संपर्क प्रोग्राम को टेक्स्ट भेजें (व्हाट्सएप) मैं MySQL में एक पंक्ति जनरेटर कैसे बनाऊँ? Sql निर्भरता की सीमाएं क्या हैं SQLSERVER में सूचीगैग डी 3 बल लेआउट लिंक के बीच में एक तीर का सिर प्रदर्शित करें AsyncTask के साथ प्रगति पट्टी क्या कोई काम कर रहा है C ++ refactoring उपकरण? मूल्य के लिए क्या अंतर है :, objectForKey:, और valueForKeyPath :? कैसे सी # का उपयोग डिफ़ॉल्ट वेब ब्राउज़र को खोजने के लिए?

सास मेरे रंगों का प्रारूप क्यों बदलता है?

सास मेरी सीएसएस फ़ाइल में # 000 और # एफएफएफ काले और सफेद रंग मानों के रूप में आउटपुट कर रहा है उदाहरण के लिए:

$color: #000; .box { color: $color; } 

के लिए आउटपुट:

 .box { color: black; } 

हेक्स मूल्यों को आउटपुट नहीं करना चाहिए?

वेब के समाधान से एकत्रित समाधान "सास मेरे रंगों का प्रारूप क्यों बदलता है?"

आप किस संस्करण का उपयोग कर रहे हैं इसके आधार पर सास कैसे रंगों का व्यवहार करता है लेकिन कुछ सामान्य व्यवहार हैं:

  • जब भी संभव हो, Sass हमेशा पीछे की संगतता को अधिकतम करेंगे चूंकि खोजशब्द , हेक्स , और आरजीबीए में व्यापक ब्राउज़र समर्थन है, सभी रंग उन 3 प्रारूपों में से एक में परिवर्तित हो जाएंगे, जो कीवर्ड या हेक्स के लिए प्राथमिकता दे रहे हैं। आरजीबीए प्रारूप का उपयोग केवल तभी किया जा सकता है अगर रंग में अल्फा पारदर्शिता है (यदि आप rgba(0, 0, 0, 100) निर्दिष्ट करते हैं, तो Sass इसे black या #000 परिवर्तित कर देगा)
  • यदि सास को खोजशब्द या हेक्स प्रारूपों के उपयोग के बीच चुनना है, तो इसका उपयोग करने वाला एक आउटपुट सेटिंग्स पर निर्भर करेगा। कॉम्पैक्ट या संपीड़ित मोड हमेशा हेक्स में परिवर्तित होंगे, अन्य स्वरूप कीवर्ड का उपयोग करेंगे।
  • सास हेक्सा रंग को अपने 3-अंकीय प्रारूप में संकुचित मोड में परिवर्तित कर देगा (उदाहरण #000000 आउटपुट को #000 रूप में #000 )

Sass 3.3 और पुराने

सास केवल रंगों को परिवर्तित करते हैं जब वे चर के रूप में उपयोग किए जाते हैं या यदि वे ऊपर वर्णित 3 स्वरूपों में से एक में नहीं होते हैं:

 $color-hex: #000000; $color-keyword: black; $color-rgb: rgb(0, 0, 0); $color-hsl: hsl(0, 0, 0); .box-hex { color: $color-hex; background: #000000; } .box-keyword { color: $color-keyword; background: black; } .box-rgb { color: $color-rgb; background: rgb(0, 0, 0); } .box-hsl { color: $color-hsl; background: hsl(0, 0, 0); } 

आउटपुट:

 .box-hex { color: black; background: #000000; } .box-keyword { color: black; background: black; } .box-rgb { color: black; background: black; } .box-hsl { color: black; background: black; } 

सास 3.4 और बाद में

3.3 से 3.4 में केवल परिवर्तन यह है कि जब चर का उपयोग करते हुए, Sass आपके रंग के प्रारूप को संरक्षित करेगा … जब तक कि वह कीवर्ड, हेक्स, या आरजीबीए प्रारूपों के अलावा कुछ और में न हो

 .box-hex { color: #000000; background: #000000; } 

लेकिन अगर मुझे वास्तव में एक विशिष्ट प्रारूप की ज़रूरत है?

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

 $color: #{'#F00'}; // or `unquote('#F00')` .foo { color: $color; } 

आउटपुट:

 .foo { color: #F00; } 

बस यह ध्यान रखें कि जब आप ऐसा करेंगे, तो आपका "रंग" lighten() या darken() जैसे रंग हेरफेर कार्यों के साथ काम नहीं करेगा

नहीं।

black , white , और अन्य 145 रंग के नाम सीएसएस मानक का हिस्सा हैं:

http://www.w3schools.com/cssref/css_colorsfull.asp

वे सभी ब्राउज़रों द्वारा सही ढंग से संभाले जाते हैं और एक ही समय में वे एक सीएसएस डेवलपर के लिए समझने में अधिक आसान होते हैं।

तो वे ठीक हैं