CSS 4: Variáveis

18 de Janeiro, 2018

CSS, Informática, Open-Source, Rápidas

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!