Yayınlanma tarihi: 6 Mart 2025
Chrome, 25 Şubat'ta @function için Gönderme Niyeti yayınladı ve daha uzun bir deneme aşaması talep eden geri bildirimler aldı. Genel deneme aşaması kısa olmasa da kısa süre önce etkili bazı özellik değişiklikleri yapıldı ve bu değişiklikler daha fazla deneme süresini hak ediyordu.
Ayrıca, bu uzatılmış deneme aşamasının daha fazla topluluk denemesi sağlayabileceğine dair umutluyuz ve heyecanlıyız.
Deneme çağrısı
Canary'nin bir kopyasını indirip deneysel web platformu özelliklerini etkinleştirin, CSS @function'i test etmeye başlayın ve bulduğunuz hataları bildirin. Artık daha uzun süre deneme yapmamız için zamanımız var. Bu fırsattan yararlanmalıyız.
Başlamanıza yardımcı olacak birkaç keşfi aşağıda bulabilirsiniz:
- Pontus Horn - button variants
- Nils Riedemann - font scales
- Bramus: Renk dışındaki özellikler için açık ve koyu işlev
Aşağıdaki CSS'de kısa ancak yararlı bir örnek gösterilmektedir:
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
@function hakkında daha fazla bilgi edinmek mi istiyorsunuz?
Bramus'un harika bir demo koleksiyonu var ve CSS Tricks de bu heyecana hemen katıldı.
Bağımsız değişkenler mi? Döndürülen değerler mi? Bu, kahvemi tükürmeye değer. Bunlar hakkında daha fazla bilgi edinmem gerekiyordu. Neyse ki spesifikasyon açık bir şekilde yazılmıştı.