Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

@mixin respond($orientation, $media:null) {
  $allowed-orientation: portrait, landscape;
  $allowed-media: null, mobile, tablet;
  
  @if (
    ($orientation and index($allowed-orientation, $orientation))
    and
    index($allowed-media, $media)
  ){
    html.#{if($media, "#{$media}.", "")}#{$orientation} & {
      @content;
    }
  }
  @else {
    html & {
      @content;
    }
  }
}

.l {
  @include respond(landscape) {
    color: red;
  }
}

.mp {
  @include respond(portrait, mobile) {
    color: blue;
  }
}

.not-allowed-orientation {
  @include respond(widescreen) {
    color: red;
  }
}

SassMeister-output.css

html.landscape .l {
  color: red;
}

html.mobile.portrait .mp {
  color: blue;
}

html .not-allowed-orientation {
  color: red;
}