Pessoal, variáveis serão declaradas dentro do root, então se eu criar variáveis para cores, fontes, tamanhos de textos, todos ficarão dentro da mesma :root{}, posso separar cada tipo de variável em :root{} diferentes??? Valeu
Solucionado
Pessoal, variáveis serão declaradas dentro do root, então se eu criar variáveis para cores, fontes, tamanhos de textos, todos ficarão dentro da mesma :root{}, posso separar cada tipo de variável em :root{} diferentes??? Valeu
Oii Francisco, tudo bem?
No CSS, as variáveis são geralmente declaradas dentro do seletor :root{} para que possam ser acessadas globalmente, ou seja, em qualquer parte do seu código CSS. Isso torna a reutilização de valores como cores, tamanhos de fonte, etc., muito mais fácil e eficiente.
A prática comum é declarar todas as variáveis dentro de um único bloco :root{}, organizando-as de maneira que faça sentido para você e para qualquer outra pessoa que possa vir a trabalhar no seu código.
:root{
--cor-primaria: #ff0000;
--cor-secundaria: #00ff00;
--fonte-primaria: Arial, sans-serif;
--fonte-secundaria: 'Times New Roman', Times, serif;
}
Criar vários roots não é comum e também acredito que possa até ficar mais desorganizado.
Um abraço e bons estudos.
Obrigado Lorena!!!! Abração!!!!