Solucionado
Na verdade e uma pergunta de performance:
Qual a melhor pratica um arquivo css para cada media query ou @import na mesma folha de estilo. Particularmente uso scss, e uso modularizado com um arquivo para header e main e etc neles defino as suas medias query para cada point. Isso e uma boa pratica ou quando o meu código for lido por programadores será difícil de compreendido?
Oi Márcio,
O @import tem um impacto negativo quando falamos de performance. O legal dos imports em um SCSS é que ele não deixa o @import no CSS gerado, ele realmente concatena os arquivos, como se fosse um include do PHP.
Você pode separar esses arquivos sim, mas no CSS de produção o ideal é que ele esteja todo concatenado (header, componentes, grid, etc) e sem deixar os @imports, pq eles também geram um request a mais para o servidor.
Com relação a legibilidade da sua estrutura, é acordar com sua equipe um padrão a ser seguido.
Abcs!