手写笔插值不适用于媒体查询值

Question

我正在尝试使用插值法在手写笔的媒体查询中使用变量，但我注意到您似乎只能在属性名称中使用变量，而在值中使用变量。以下代码有效：

lgScreen = "992px"

@media (min-{lgScreen}: 992px)
    .something
        background red

但是此代码不是

lgScreen = "992px"

@media (min-width: {lgScreen})
    .something
        background red

我收到以下错误：

ParseError: expected ":", got "}"

如何使用我的变量的最小宽度值生成媒体查询？

Answer 1

您无需在该位置进行插值。取下括号和it should work fine。

您可能还希望删除变量声明中的引号，因为它们也会在媒体查询中获得输出。