Olá, tenho uma dúvida quanto aos seletores multiplos dentro de media-queries. No exemplo que estamos criando, temos os seguintes seletores dentro do arquivo media-queries.less:

@media (max-width: 980px) {
    .menu-principal,
    .menu-principal li,
    .post-destaque,
    .posts-antigos,
    form {
        width: auto;
    }
}

Sāo seletores que estāo espalhados pelo nosso código, e nesse ponto, espalhados em arquivos diferentes. Para incorpora-los ao nosso LESS, teríamos que dividi-lo e criar uma media para cada um dos seletores, isso arruinaria com as boas práticas, pois criaria uma repetiçāo enorme de código. O mesmo eu diria se colocasse-mos, por exemplo, logo abaixo do seletor .menu-principal. Funcionaria, mas se um dia alguém for procurar o seletor do .posts-antigos, ele perderia alguns muitos minutos procurando onde este seletor estaria localizado, pois estaria completamente fora do seu seletor "natural".

Qual seria a melhor forma de incorporar estes seletores ao meu código?

Obrigado!