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ąć:
- Pontus Horn – warianty przycisków
- Nils Riedemann – skalowanie czcionek
- Bramus – funkcja light dark, która służy do czegoś więcej niż do zmiany koloru
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.