Essas media queries se repetindo pra cada seletor não é errado? Serão vários breakpoints para o navegador, não?
Essas media queries se repetindo pra cada seletor não é errado? Serão vários breakpoints para o navegador, não?
Oi Cristiano, tudo bem? Na verdade não. O breakpoint é único, seriam vários apenas se as medidas fossem diferentes.
No caso de usar sass lembre-se que o código ainda será compilado e provavelmente, todos os breackpoints devem ser agrupados no css final.
Também pensei que seriam agrupados, fiquei animado com isso, mas não ficam. Tem certeza de que isso não é uma má prática? Falo das medias se repetirem por todo o código.
Media queries dentro de seletores não é uma má prática, não ainda, e se falando de pré-processadores. Por alguns desenvolvedores é até considerado uma coisa boa - vantagem - a se fazer, isso por que você já consegue visualizar o comportamento de um seletor em todas as resoluções. Isso ainda vai ser compilado, experimenta ver o código compilado depois.
Entendo, depois de compilado a media fica abaixo do seletor, só muda isso.
Oi Cristiano,
Era uma dúvida minha também na época que estava estudando Sass, pois código repetido deixa o arquivo final mais pesado, certo?
Quase! Acontece que com o Gzip habilitado no servidor, ele vai entender esses trechos repetidos uma única vez. O Sérgio Lopes comenta sobre Gzip em um dos cursos de performance.
Espero ter ajudado,
Abcs!