variables - 对 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 处理，你猜对了。

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