Generated by SassMeister.com.

SassMeister-input.scss

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

@function create-media-query($max-width: '', $min-width: '', $responsive: false, $dpr: 1.5, $media: 'only-screen') {
  $query: '@media ' + $media + ' ';
  
  @if $min-width {
    $query: $query + ' and (min-width: ' + $min-width + ')';
  }
  
  @if $max-width {
    $query: $query + ' and (max-width: ' + $max-width + ')';
  }
  
  @if $retina {
    // TODO: add min-resolution
    $query: $query + '(-webkit-min-device-pixel-ratio: ' + $dpr + ')';
  }

  @return $query;
};

@mixin screen($width, $height, $retina: false) {
  create-media-query($width, $height, $retina) {
    @content
  }
}

.test {
  @include screen(1024, 768) {
    width: 100%;
  }
}

SassMeister-output.css

Invalid CSS after "create-media-query": expected selector, was "($width, $heigh..."