Opóźnienie wdrożenia funkcji @function w CSS z wersji Chrome 136 na 139

Data publikacji: 6 marca 2025 r.

25 lutego Chrome opublikował intencję wprowadzenia na rynek @function i otrzymał opinię z prośbą o dłuższą fazę eksperymentowania. Chociaż ogólna faza eksperymentowania nie była krótka, wprowadziliśmy ostatnio kilka istotnych zmian w specyfikacji, które wymagały więcej czasu na eksperymentowanie.

Mamy też nadzieję, że ta rozszerzona faza eksperymentowania przyniesie więcej eksperymentów społeczności.

Zadzwoń do eksperymentu

Teraz możesz pobrać wersję Canary, włączyć eksperymentalne funkcje platformy internetowej, rozpocząć testowanie usługi porównywania cen @function i zgłaszać znalezione błędy. Mamy teraz więcej czasu na eksperymentowanie, więc powinniśmy z tego skorzystać.

Oto kilka eksploracji, które pomogą Ci zacząć:

Ten kod CSS stanowi zwięzły, ale przydatny przykład:

@function --light-dark(--light, --dark) {
    result: var(--light);
    
    @media (prefers-color-scheme: dark) {
        result: var(--dark);
    }
}

Chcesz dowiedzieć się więcej o @function?

Bramus udostępnił świetny zestaw demonstracji, a CSS Tricks również nie zwlekał z dołączeniem do zabawy.

Argumenty?! Zwracane wartości?! To jest coś, dla czego warto wypluć kawę. Musiałem się więcej o nich dowiedzieć, ale na szczęście specyfikacja jest jasno napisana.