/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

@mixin respond-to($media) {
  @if $media == handhelds {
    @media only screen and (max-width: $small-screen) { @content; }
    //@media only screen and (orientation: landscape) and (max-device-width: 896px) { @content; } // iPhone 11 Pro Max
  } @else if $media == small-screens {
    @media only screen and (min-width: $small-screen + 1) { @content; }
  } @else if $media == only-small-screens {
    @media only screen and (min-width: $small-screen + 1) and (max-width: $medium-screen) { @content; }
  } @else if $media == medium-screens {
    @media only screen and (min-width: $medium-screen + 1) { @content; }
  } @else if $media == only-medium-screens {
    @media only screen and (min-width: $medium-screen + 1) and (max-width: $large-screen) { @content; }
  } @else if $media == before-medium-screens {
    @media only screen and (max-width: $medium-screen) { @content; }
  } @else if $media == large-screens {
    @media only screen and (min-width: $large-screen + 1) { @content; }
  } @else if $media == not-handhelds {
    @media only screen and (min-width: $small-screen + 1) { @content; }
  }

  @else if $media == floating-left-sidebar {
    @media only screen and (min-width: $small-screen + 1) and (max-width: $floating-left-sidebar) { @content; }
  } @else if $media == until-floating-left-sidebar {
    @media only screen and (max-width: $floating-left-sidebar) { @content; }
  } @else if $media == no-floating-left-sidebar {
    @media only screen and (min-width: $floating-left-sidebar + 1) { @content; }
  }

  @else if $media == esg-top { // topbar + chat input + margin bottom + height of ESG 
    @media only screen and (min-height: 570px) and (min-width: $small-screen + 1) { @content; }
  }

  @else if $media == esg-bottom {
    @media only screen and (max-height: 569px) { @content; }
  }

  @else if $media == esg-bottom-new {
    @media only screen and (max-height: 569px), only screen and (max-width: $small-screen) { @content; }
  }
}