本文介绍了断点Sass:或查询多个断点的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我设置了一些断点:

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

我在断点文档中看到了

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

What I'd like to do is use these or queries to target multiple breakpoints when needed in my code. For example:

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

这可能吗?

推荐答案

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

You should pass one parameter (a list), instead of two.

尝试一下.

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

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

I've wrapped your comma separated variables with parentheses.Now Sass will see them as a one list, instead of two parameters.

这篇关于断点Sass:或查询多个断点的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-22 18:26