group-css-media-queries/test/fixtures/mixed.css

CSS postprocessing: group media queries. Useful for postprocessing preprocessed CSS files :)

.selector {
  property: value1;
}

@media (max-width: 1000px) {
  .selector {
    property: value2;
  }
}

@media (min-width: 1000px) {
  .selector {
    property: value7;
  }
}

@media (max-width: 500px) {
  .selector {
    property: value4;
  }
}

@media (min-width: 500px) {
  .selector {
    property: value5;
  }
}

@media (max-width: 750px) {
  .selector {
    property: value3;
  }
}

@media (min-width: 750px) {
  .selector {
    property: value6;
  }
}