3
respostas

Variaveis CSS

Olá,

Foi dito no segundo video do curso que o CSS não dá suporte à variáveis, quando, na verdade, existe esse suporte. Porém ele é pouco usado/recomendado devido a alguns browsers nao terem a implementação para interpretar.


Exemplo:

:root {
    --fundo-botoes: #e3e3e3;
}

.botao {
    background: var(--fundo-botoes);
}

Qual a opiniao de vocês sobre a utilização dessas variáveis? Já utilizaram em algum projeto?

Valeu!

3 respostas

Oi Gabriel, tudo bem?

Na época que gravei a aula (+- set/15) a variável no CSS ainda não estava muito definida, tanto que eu falo no vídeo "o CSS atualmente não dá suporte pra variável (...)".

Hoje a realidade mudou. Chrome e Firefox dão suporte, Mas dê uma olhada no IE, até mesmo o Edge.

Complicado (ainda) usar variáveis em produção. Se você precisa usar variáveis em um projeto, eu hoje ainda contaria com a ajuda de um pré-processador.

Espero ter ajudado e que esteja curtindo o curso,

Abcs!

Natan,

Valeu pela resposta. E sim, gostei muito do curso, já o concluí, inclusive.

Fico no aguardo de um próximo curso de SASS/Compass.

Abraços!

Oi Gabriel,

Imagina, sempre que tiver dúvida poste por aqui que ou eu ou a comunidade Alura ajuda.

Fico feliz que tenha gostado! :)

Se conseguir te ajudar só marque a resposta como solução ok? Aí outros alunos conseguem ver que o tópico foi solucionado.

Abcs!