SCSS：将两个值分配给变量

Question

我正在使用this mixin来生成媒体查询。的混入作品通过插入两个值（一分钟宽度和可选的最大宽度）：

@include respond-to(300px,500px) { 
    .this-is-not-in-ie-either { color: green; } 
} 

麻烦的是，最大/最小宽度的值是难以记住。我宁愿插入一个关键字变量。

E.g.

$mob: 0, 480px; 
$tab: 480px, 940px; 

但是，SCSS误解为最小宽度为“0,480px”，最大宽度为“未定义”。

是否有可能有一个变量，其中包含两个值。

我知道我可以使用两个关键词（例如$ mob-min，$ mob-max），但我宁愿只使用一个。

Answer 1

当你这样写：

$mob: 0, 480px; 
@include respond-to($mob) { 
    .this-is-not-in-ie-either { color: green; } 
} 

你实际上做的是通过列表中的第一个参数的mixin：

@include respond-to($mixins-first-arg: (300px,500px)) { 
    .this-is-not-in-ie-either { color: green; } 
} 

你需要写这是什么：

@include respond-to($mob...) { 
    .this-is-not-in-ie-either { color: green; } 
}