Descobrir que o suporte às variáveis de CSS 4 estava já nos 75% foi como uma prenda de Natal no fim último ano. 🎄🎁 Partilho agora o meu entusiasmo resumido a algumas linhas de CSS:
:root {
--linkfg: #000;
}
a:link {
color: var(--linkfg);
}
Como já viram utilizar variáveis em CSS é rápido – basta defini-la como --nome: xyz e usa-las como var(--nome). Mais simples do que isto era impossível! Podemos realmente usar este recurso? A resposta é SIM!
Com >75% de suporte global não restam dúvidas, até o Bootstrap 4 já adotou esta funcionalidade. Este é um recurso excelente que pode simplificar muito a vida de qualquer programador web ou como diria o meu amigo Filipe…
Lá se foi a principal razão para usar pre-processadores…
Aprenda tudo sobre variáveis nativas em CSS 4 com este artigo:
CSS Variables — No, really!
The ability to use variables in CSS is a useful and powerful feature that web developers have long been asking for. Well, it has finally arrived, and it’s awesome!