Olá pessoal!
No CSS é possível criar variáveis, que podem ser utilizadas para estilizar sua página com mais agilidade.
No CSS, declaramos as variáveis no seletor ":root{}", ao qual será reconhecido em toda página do CSS.
:root {
}
A declaração das variáveis deverá iniciar com "--".
:root{
--nomedavariavel: ;
}
Em seguida poderá atribuir um valor, no caso do exemplo, irei setar uma cor em hsl.
:root{
--nomedavariavel: hsl(205, 88%, 45%);
}
Utilizando a variável:
Para utilizar a variável, você deverá incluir o valor "var()", e dentro dos parênteses será necessário informar a variável criada.
.nomedaclasse{
background-color: var(--nomedavariavel);
}
Esse método facilita a estilização, economizando seu tempo.
Até a próxima...
Faça parte da nossa comunidade!
Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo e encare seu novo desafio profissional, evoluindo em comunidade com os melhores experts.
