使用带有媒体查询的变量时SASS编译错误

时间:2013-04-02 15:08:12

标签: sass

这很简单,当编译以下代码失败时出现错误:

media.scss的第6行:" ...之后的无效CSS(最小宽度:":预期表达式(例如1px,粗体),是" $桌面

这是代码(尽可能简单):

$desktop: 1920px;
$tablet: 1024px;
$phone: 480px;

// Style adjustments for desktop size
@media (min-width: $desktop) {

}

// Style adjustments for tablet size
@media (min-width: $tablet) and (max-width: $desktop) {

}

// Style adjustments for phone size
@media (max-width: $phone) {

}

这是一个错误吗?也许它不可能在SASS的媒体查询中使用变量。

1 个答案:

答案 0 :(得分:3)

代码没问题。在SASS 3.2中可以使用变量。 Link