Solucionado
Olá tudo bem?
Estou organizando meu css e fiquei com uma dúvida.
Separei os blocos dos css (header, sobre, footer, etc), cada um em um arquivo .scss e depois juntei com o sass, até aí tudo bem..
Mas sobre as media queries, é melhor deixar várias no código, (por exemplo, a media querie relativa ao footer no arquivo footer.scss, a do header no header, etc..)
Ou abro a media querie uma vez só no css inteiro?
Interfere alguma coisa na performance?
Obrigada!
hoje, com a Alura e o Google Gemini
Oi Thais, tudo bem?
Pesquisei alguns testes feitos, e não há diferenças significativas de performance.
Como você vai usar um task runner (Grunt por exemplo) não tem problema.
Eu mesmo prefiro deixar o media query próximo da regra CSS que estou sobescrevendo, acho que facilita minha vida. Algo como:
.menu-principal {
width: 80%;
@media (min-width: 650px) {
width: 100%;
}
}Espero ter ajudado,
abcs!
Obrigada Natan! Era isso mesmo que eu queria saber! Valeu!
abs,