使用媒体查询来改变sass变量中的值

Question

我想要做的基本上是这样的：

    @media all and (min-width: 700px) {
$dimension:96px;
$dimension-white:76px;
}

@media all and (max-width: 699px) {
$dimension:76px;
$dimension-white:56px;
}

是否可以根据媒体查询为scss变量分配不同的值？ 非常感谢你！

Answer 1

虽然这是一个骗局，但答案是否定的。媒体查询由浏览器处理，SASS变量由SASS确定。

你在这里所拥有的内容可能会按原样编译到你的样式表中并打破它或者根本不进行编译。我没有尝试过，因为它不起作用。