Eu estou tendo um debate filosófico comigo sobre o melhor lugar para colocar consultas de mídia dentro de folhas de estilo. Eu estou tentando estruturar meu CSS modularmente (como OOCSS ou SMACSS, etc). Dado esse contexto, vejo duas opções:

Coloque todas as consultas de mídia juntas em uma folha de estilo ou seção separada da folha de estilo principal.Coloque as consultas de mídia abaixo de suas contrapartes de base. Por exemplo, se eu tiver um módulo chamado "item de notícias", poderia colocar qualquer estilo de consulta de mídia necessário logo abaixo da definição desse módulo.

Eu estou inclinado para o último, mas isso significaria que eu teria muito mais consultas de mídia separadas (separadas para cada bloco lógico de CSS exigindo um ajuste responsivo).

Alguma idéia sobre isso?