Как объединить экран @include response-to (phone) и @media only

Question

Я хочу объединить правила для @include response-to (phone) и @media only screen.Поэтому, даже если это не телефон, но экран очень маленький, он будет использовать те же правила.

Я пытаюсь использовать этот подход:

$small-screen: 767px;
@mixin respond-to($media) {
  @if $media == phone {
    @media only screen and (max-width: $small-screen) {

    }
  }
}

Но он не работает.