📌 18 de Janeiro, 2018
CSS 4: Variáveis
Informática · Programação
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!