Feature: Group media queries

[MichaelL79]

Great work! I just started using LESS and your extension makes working with it so much easier.

It would be great to have an option that groups media queries that have the same set of arguments. Currently using nested LESS media queries will result in multiple CSS media queries:

.class1 {
    background-color: black;
    @media (min-width: 768px){
        background-color: white;
    }
}

.class2 {
    border-width: 2px;
    @media (min-width: 768px) {
        border-width: 3px;
    }
}

Will result in:

.class1 {
  background-color: black;
}
@media (min-width: 768px) {
  .class1 {
    background-color: white;
  }
}
.class2 {
  border-width: 2px;
}
@media (min-width: 768px) {
  .class2 {
    border-width: 3px;
  }
}

But would be better:

.class1 {
  background-color: black;
}
.class2 {
  border-width: 2px;
}
@media (min-width: 768px) {
  .class1 {
    background-color: white;
  }
  .class2 {
    border-width: 3px;
  }
}

[failwyn]

adding a link to the less.js issue for review and possible future enhancement.

less/less.js#950