पब्लिश करने की तारीख: 06 मार्च, 2025
Chrome ने 25 फ़रवरी को @function
के लिए शिप करने का इंटेंट पब्लिश किया था. इसके बाद, हमें सुझाव/राय/शिकायत मिली, जिसमें एक्सपेरिमेंट के लिए ज़्यादा समय देने का अनुरोध किया गया था. एक्सपेरिमेंट का पूरा फ़ेज़ कम नहीं था. हालांकि, हाल ही में स्पेसिफ़िकेशन में कुछ अहम बदलाव हुए हैं. इसलिए, इन पर कुछ और समय तक एक्सपेरिमेंट करना ज़रूरी था.
हमें उम्मीद है कि एक्सपेरिमेंट के इस लंबे फ़ेज़ से, कम्यूनिटी के लिए ज़्यादा एक्सपेरिमेंट किए जा सकेंगे.
एक्सपेरिमेंट के लिए कॉल
अब Canary की कॉपी डाउनलोड करें, वेब प्लैटफ़ॉर्म की एक्सपेरिमेंटल सुविधाएं चालू करें, सीएसएस @function
की जांच शुरू करें, और किसी भी गड़बड़ी की शिकायत करें. अब हमारे पास एक्सपेरिमेंट करने के लिए ज़्यादा समय है. हमें इसका फ़ायदा लेना चाहिए.
इसका इस्तेमाल शुरू करने में आपकी मदद करने के लिए, यहां कुछ एक्सप्लोरेशन दिए गए हैं:
- Pontus Horn - बटन के वैरिएंट
- Nils Riedemann - font scales
- Bramus - रंग के अलावा, अन्य चीज़ों के लिए लाइट डार्क फ़ंक्शन
यहां दी गई सीएसएस, कम शब्दों में काम का उदाहरण दिखाती है:
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
क्या आपको @function
के बारे में ज़्यादा जानना है?
Bramus के पास डेमो का एक शानदार सेट है और CSS Tricks ने भी इसकी दिलचस्पी को देखते हुए देर नहीं लगाई.
आर्ग्युमेंट?! रिटर्न वैल्यू?! इसके लिए, मैं अपनी कॉफ़ी भी थूक सकता/सकती हूं! मुझे इनके बारे में ज़्यादा जानना था और सौभाग्य से, स्पेसिफ़िकेशन साफ़ तौर पर लिखा गया है.