media-queries - 断点 Sass : Or Queries for Multiple Breakpoints

Question

我设置了几个断点:

$breakpoint-tiny : 0 767px;
$breakpoint-small : 768px 991px ;
$breakpoint-medium : 992px 1229px;
$breakpoint-large : 1230px;

我在断点文档中看到

You can also write OR media queries, allowing you to write multiple different basic or compound media queries and have them apply if any of the sets of queries match.

我想做的是在我的代码中需要时使用这些或查询来定位多个断点。例如:

@include breakpoint($breakpoint-medium, $breakpoint-large){
   .mobile-navigation{display: none;}
}

这可能吗？

Answer 1

您应该传递一个参数(一个列表)，而不是两个。

试试这个。

@include breakpoint(($breakpoint-medium, $breakpoint-large)) {
    .mobile-navigation{display: none;}
}

我用括号将逗号分隔的变量括起来。现在 Sass 会将它们视为一个列表，而不是两个参数。