Boa tarde, pessoal! Tudo bem?
Porque o arquivo css do post foi criado sem ser módulo?
Obrigada!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Boa tarde, pessoal! Tudo bem?
Porque o arquivo css do post foi criado sem ser módulo?
Obrigada!
Olá, Thaís! Espero que esteja tudo bem com você.
A sua pergunta é bastante interessante. O arquivo CSS do post foi criado sem ser um módulo porque estamos lidando com a estilização de um conteúdo dinâmico, que é o texto do post. Esse texto é transformado em elementos HTML estáticos pelo React Markdown, sem a adição de classNames.
Para estilizar esse conteúdo, utilizamos um arquivo CSS comum e aplicamos os estilos baseando-nos na classe da div que envolve o componente React Markdown (post-markdown-container). Dessa forma, conseguimos selecionar e estilizar os elementos filhos dessa div (como h3, h4, p, etc.), que são gerados dinamicamente pelo React Markdown.
Como exemplo, temos o seguinte trecho do arquivo CSS:
.post-markdown-container h3,
.post-markdown-container h4,
.post-markdown-container h5,
.post-markdown-container h6 {
font-family: var(--fonte-secundaria);
}
Nesse caso, estamos selecionando todos os elementos h3, h4, h5 e h6 que são filhos da div com a classe post-markdown-container e aplicando a fonte secundária a eles.
Espero ter ajudado e bons estudos!
Boa tarde, Renan! Entendi! Obrigada por esclarecer minha dúvida :)