Eu realmente gostei de descobrir que você poderia criar uma variável de consulta de mídia que você pode reutilizar facilmente e tornar seu código muito mais legível.

@tablet: ~"(min-width: 768px) and (max-width: 980px)";
@media @tablet { ... }

Eu quero saber se é possível agrupar uma consulta de mídia com um seletor. Não parece funcionar como implementei, mas pensei em pedir para ver se é mesmo provável.

@tablet: ~"(min-width: 768px) and (max-width: 980px)";
body {
  aside { ... }

  &.homepage,
  @media @tablet {
    aside { ... }
  }
}

Eu entendo que as consultas de mídia são diferentes de seletores comuns, porque você tem que definir seus seletores dentro da consulta de mídia, mas existe alguma maneira menos voodoo de realizar agrupamentos como esse?