पब्लिश किया गया: 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 ने भी इसकी सुविधाओं को जल्दी से अपना लिया है.
आर्ग्युमेंट?! रिटर्न वैल्यू?! इसके लिए, मैं अपनी कॉफ़ी भी थूक सकता/सकती हूं! मुझे इनके बारे में ज़्यादा जानना था और सौभाग्य से, स्पेसिफ़िकेशन साफ़ तौर पर लिखा गया है.