title: LESS: Can you group a CSS selector with a media query?
body: <p>I really enjoyed finding out you could create a media query variable that you can easily reuse and makes your code much more readable.</p>
  
  <pre><code>@tablet: ~"(min-width: 768px) and (max-width: 980px)";
  @media @tablet { ... }
  </code></pre>
  
  <p>I want to know if it's possible to group a media query with a selector. It doesn't appear to work the way I've implemented it, but I thought I'd ask to see if it's even probable.</p>
  
  <pre><code>@tablet: ~"(min-width: 768px) and (max-width: 980px)";
  body {
    aside { ... }
  
    &amp;.homepage,
    @media @tablet {
      aside { ... }
    }
  }
  </code></pre>
  
  <p>I understand that media queries are different from run-of-the-mill selectors because you have to define your selectors inside of the media query, but is there some voodoo LESS way to accomplish grouping like this?</p>