title: scss error expected media query
body: <p>Im doing a scss mixin for media query </p>
  
  <pre><code>@mixin breakpoints($min-width, $max-width, $media-type: false) {
    @if $media-type == true {
      @media $media-type and (min-width: $min-width) and (max-width: $max-width) {
        @content;
      }
    } @else {
      @media all and (min-width: $min-width) and (max-width: $max-width) {
        @content;
      }
    }
  }
  </code></pre>
  
  <p><code>$media-type</code> is false as default, if i dont want to specify it when calling mixin. If <code>$media-type</code> is passed in mixin then i want to that variable to be printed after @media. So if i include mixin <code>@include breakpoints(400, 600, only screen)</code>, as result i want <code>@media only screen and..</code></p>
  
  <p>when i try to test my mixin on sassmeister, i get this error:</p>
  
  <pre><code>Invalid CSS after "    @media ": expected media query (e.g. print, screen, print and screen), was "$media-type and..."
  </code></pre>
  
  <p>what am i doing wrong?</p>