如何结合@include响应（电话）和@media only屏幕

Question

我想结合@include response-to（phone）和@media only屏幕的规则。 因此，即使它不是手机，但屏幕很小，也会重复使用相同的规则。

我尝试使用这种方法：

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

    }
  }
}

但这不起作用。