Webkit e variabili CSS

- W3c & Webkit Dopo l’introduzione delle variabili css nelle nightly builds da parte del team webkit, il W3C accoglie la proposta e pubblica il working draft “CSS Variables Module Level 1“. Per ora non è possibile utilizzarle ma vediamo come dovrebbero presentarsi. Variabile css L’esempio che segue dichiara la variabile my-color. Si tratta di una [...]
Webkit e variabili CSS

W3c & Webkit

Dopo l’introduzione delle variabili css nelle nightly builds da parte del team webkit, il W3C accoglie la proposta e pubblica il working draft “CSS Variables Module Level 1“. Per ora non è possibile utilizzarle ma vediamo come dovrebbero presentarsi.

Variabile css

L’esempio che segue dichiara la variabile my-color. Si tratta di una variabile globale definita sotto :root.

Sintassi W3c

:root{
  var-my-color: #dedede;
}

h1{
  color: var(my-color);
}

Sintassi Webkit

:root {
  -webkit-var-my-color: #dedede;
}

h1{
  color: -webkit-var(my-color);
}

Insomma il W3C il passo lo ha fatto, ora non resta che attendere. Il futuro è vicino !? ;)

6 commenti to “Webkit e variabili CSS”

  1. ExplosiveLab

    Fantastico, è bello vedere il web muoversi :)

    L’ unica pecca è che se già riniziamo con tutti i prefissi, le incompatibilità, i tempi da tartaruga e (scusa la parola) cazzi vari il futuro è molto ma molto lontano…
    Dovrebbero mettersi d’ accordo, odio troppo i vendor perfix…

    Rispondi ↓

  2. Pingback: Processo di raccomandazione del W3C | Laboratorio CSS

Lascia un commento!