La Nightly di Firefox 29 introduce il supporto per le variabili CSS

Cameron McCormack, sviluppatore della Mozilla Foundation, ha recentemente confermato l'introduzione di un supporto iniziale per la dichiarazione e l'utilizzo delle variabili CSS nell'attuale versione Nightly build di Firefox; tale funzionalità è stata una delle più richieste dai componenti del CSS Working Group e dovrebbe essere disponibile in via definitiva con Firefox 29.

All'interno di un contesto, gli sviluppatori avranno la possibilità di definire variabili per le regole di stile utilizzando il prefisso var- seguito da un valore che potrà essere stabilito in modo sostanzialmente arbitrario; una volta definita una variabile CSS, quest'ultima potrà essere implementata attraverso l'istruzione var() che accetterà come parametro il nome della variabile senza prefisso.

Sostanzialmente, non sono previsti dei limiti per quanto riguarda i valori passati come informazioni alle variabili, per cui, dopo la fase di definizione, i valori disponibili potranno essere manipolati come qualsiasi altro valore dello stesso tipo; li si potrà per esempio utilizzare in associazione ad un'istruzione basata su calc() per generare ulteriori valori da attribuire a nuove variabili.

Nello stesso modo, saranno possibili operazioni di sovrascrittura, per la modifica dei valori predefiniti (ad esempio quelli scelti inizialmente per il root element di un documento), così come saranno consentiti i reset da un valore ad un altro (ad esempio nella definizione delle Media Query). Il tutto nell'ottica di fornire uno strumento quanto più flessibile possibile per velocizzare la formattazione dei documenti.

Come anticipato, tale novità dovrebbe riguardare Firefox 29, per cui la presenza del supporto per le variabili CSS potrebbe essere data per scontata anche relativamente al passaggio di questa release nel canale Aurora e successivamente in Beta; a conferma di ciò vi sarebbe il fatto che l'unica parte delle specifiche non ancora implementata dovrebbe essere quella riguardante CSSVariableMap per la restituzione di oggetti simil ECMAScript Map nel comportamento.

Via Cameron McCormack