Sass媒體查詢其實與Css媒體查詢是差不多的～
只是在Sass中也可以使用SassScript expressions來表示喔～
像是...

$layout-breakpoint-small: 960px;

@media (min-width: $layout-breakpoint-small) {
  .hide-extra-small {
    display: none;
  }
}

編譯為css

@media (min-width: 960px) {
  .hide-extra-small {
    display: none;
  }
}

或是...

@media (hover: hover) {
  .button:hover {
    border: 2px solid black;

    @media (color) {
      border-color: #036;
    }
  }
}

編譯為css為

@media (hover: hover) {
  .button:hover {
    border: 2px solid black;
  }
}
@media (hover: hover) and (color) {
  .button:hover {
    border-color: #036;
  }
}

很簡單吧！

參考資料：https://sass-lang.com/documentation/at-rules/css