断点Sass:或多个断点的查询

Question

我设置了几个断点:

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

我在断点文档中看到了

您还可以编写OR媒体查询,允许您编写多个不同的基本或复合媒体查询,并在任何查询集匹配时应用它们.

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

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

这可能吗？

Answer 1

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

试试这个.

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

我用逗号分隔了逗号分隔的变量.现在,Sass将它们视为一个列表,而不是两个参数.