In-line media queries in LESS, with variables From http://lesscss.org/#-operations

inline-media-query.less

// You can define variables to be used in media queries
@singleQuery: ~"(max-width: 500px)";
@media screen, @singleQuery {
  set {
    padding: 3 3 3 3;
  }
}

// Which can lead to inline media queries that use variables for targets
@device1: ~'min-width: 768px AND max-width: 999px';

#beef-melt {
  color: green;
  @media (@device1) {
    color: red;
  }
}

// And this will compile to
#beef-melt {
  color: green;
}
@media (min-width: 768px AND max-width: 999px) {
  #beef-melt {
    color: red;
  }
}

Thanks @jamtat

Sweeeet