Geovani Assis

As variáveis CSS são valores definidas na hora de programar o seu CSS, tendo valores específicos para ser reutilizado ao longo do documento. Sendo, assim, alterando somente o valor da variável para alterar todo o CSS.

Para configuramos, usamos o seguinte padrão –cor-principal: white; e são utilizadas com a função var() como color: var(–cor-principal);

No CSS podemos colocar assim:

	:root {
  		--cor-principal: white;
  		--cor-secundaria: black;
  	}

	p {
		background-color: var(--cor-secundaria);
  		color: var(--cor-principal);
  	}