Generated by SassMeister.com.

input.scss

$width-sm: 400px;
$width-md: 1000px;
$width-lg: 1600px;

@mixin breakpoint($mq) {
    @if $mq == small {
        @media (min-width: $width-sm) { @content }
    }
    @else if $mq == medium {
        @media (min-width: $width-md) { @content }
    }
    @else if $mq == large {
        @media (min-width: $width-lg) { @content }
    }
}

header {
    height: 100px;
    @include breakpoint(large) {
        height: auto;
    }
}

output.css

header {
  height: 100px;
}
@media (min-width: 1600px) {
  header {
    height: auto;
  }
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}