_media-queries.scss

@mixin screen-large {
  @media only screen and (min-width: 1400px) {
    @content;
  }
}

@mixin screen-medium {
  @media only screen and (max-device-width: 1280px) {
    @content;
  }
}

@mixin screen-small {
  @media only screen and (max-device-width: 1160px) {
    @content;
  }
}

@mixin mobile {
  @media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    @content;
  }
}

@mixin mobile-portrait {
  @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: portrait) {
    @content;
  }
}

@mixin mobile-landscape {
  @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
    @content;
  }
}

@mixin tablet {
  @media only screen and (min-device-width: 768px) and (max-device-width: 1280px) {
    @content;
  }
}

@mixin tablet-portrait {
  @media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait) {
    @content;
  }
}

@mixin tablet-landscape {
  @media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: landscape) {
    @content;
  }
}