Veröffentlicht: 6. März 2025
Am 25. Februar hat Chrome eine Intent-to-Ship-Mitteilung für @function veröffentlicht und Feedback erhalten, in dem eine längere Testphase gefordert wurde. Die Testphase war zwar nicht kurz, aber es gab vor Kurzem einige wichtige Änderungen an den Spezifikationen, die noch mehr Tests erforderten.
Wir hoffen außerdem, dass diese verlängerte Testphase zu weiteren Community-Tests führen wird.
Aufruf zum Test
Jetzt ist der richtige Zeitpunkt, um eine Kopie von Canary herunterzuladen, experimentelle Funktionen der Webplattform zu aktivieren, CSS @function zu testen und entdeckte Fehler zu melden. Wir haben jetzt mehr Zeit für Tests und sollten das ausnutzen.
Hier sind einige explorative Datenanalysen, die Ihnen den Einstieg erleichtern:
- Pontus Horn – Schaltflächenvarianten
- Nils Riedemann – Schriftskalierung
- Bramus – eine Funktion für helle und dunkle Bereiche, die mehr als nur Farben betrifft
Das folgende CSS-Beispiel ist prägnant und dennoch nützlich:
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
Möchten Sie mehr über @function erfahren?
Bramus hat eine tolle Reihe von Demos und CSS Tricks hat sich auch schnell der Begeisterung angeschlossen.
Argumente?! Rückgabewerte?! Dafür würde ich meinen Kaffee ausspucken. Ich musste mehr darüber erfahren und zum Glück ist die Spezifikation klar formuliert.