aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Hace ya 4 años que se vienen hablando de la inclusión de variables en nuestros CSS, pero el tema parece que está bastante parado. Al parecer la W3C en abril publicó un borrador en el que introducia una propuesta de como deberían funcionar las estas variables en nuestros CSS’s.

// Definición
:root {
  var-my-color: #fad;
}

// Uso
.thing {
  color: var(my-color);
}

Desde WebKit hace ya tiempo que podemos usarlas usando el prefijo (-webkit-).

// Definición
:root {
  -webkit-var-my-color: #fad;
}

// Uso
.thing {
  color: -webkit-var(my-color);
}

Este mes de Junio, la W3C se marca un nuevo borrador en el que prescinde de la función var() cambiándola por $ para llamar a nuestra variable.

// Definición
:root {
  var-my-color: #fad;
}

// Uso
.thing {
  color: $my-color;
}

Vamos, que la capacidad de que nuestros CSS’s dispongan de variables está más o menos igual que siempre y no parece que se vaya a solventar en un futuro cercano, por el momento deberemos seguir usando herramientas como LESS.js o SASS para disponer de esta capacidad y alguna más.

Via