Generated by SassMeister.com.

input.scss

@mixin respond($breakpoint:false) {
    
  @if $breakpoint == 'phone' {
    @media only screen and (max-width: 37.5em) {
        @content
    }
  }
  
  @else if $breakpoint == 'tab-port' {
    @media only screen and (max-width: 56.25em) {
        @content
    }
  }
  
  @else if $breakpoint == 'tab-land' {
    @media only screen and ( max-width: 75em ) {
        @content
    }
  }    

  @else if $breakpoint == 'big-desktop' {
    @media only screen and ( max-width: 112.5em ) {
        @content
    }
  }
       
}

@include respond('big-desktop') {
    .blue {
        display: none;
    }
}

output.css

@media only screen and (max-width: 112.5em){.blue{display:none}}

settings.json

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