Media queries mixin

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

@mixin mq($min-max, $exclude: false) {
  @if ($exclude and length($exclude == 2)) {
    @media (min-width: nth($min-max,1)) and (max-width: nth($exclude,1)), (min-width: nth($exclude,2)) and (max-width: nth($min-max,2)) {
      @content;
    }
  } @else {
    @media (min-width: nth($min-max,1)) and (max-width: nth($min-max,2)) {
      @content;
    }
  }
}

.foo {
  @include mq(100px 500px) {
    // This should output:
    // @media (min-width: 100px) and (max-width: 500px)
    zoom: 1;
  }

  @include mq($min-max: 100px 500px, $exclude: 200px 250px) {
    // This should output:
    // @media (min-width: 100px) and (max-width: 200px), (min-width: 250px) and (max-width: 500px)
    zoom: 1;
  }
}

SassMeister-output.css

@media (min-width: 100px) and (max-width: 500px) {
  .foo {
    zoom: 1;
  }
}
@media (min-width: 100px) and (max-width: 200px), (min-width: 250px) and (max-width: 500px) {
  .foo {
    zoom: 1;
  }
}