Sass抛出不应该的事情的错误

Question

错误是：

  

“”之后的无效CSS：预期的媒体查询列表，只是“”屏幕   一个......“

之前的相关代码是：

$mobile-screen: emCalc(768px) !default;
$mobile: "only screen and (max-width:"#{$mobile-screen}")" !default;

内联代码为：@media #{$mobile}

当我切换变量时，它会毫无错误地编译，但是一旦我将其更改回来并且它仍然开始工作。之后还有很多其他错误。

因此我的Sass编译器必定存在缺陷。有没有人有任何想法可能是什么？

Answer 1

看看这里：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#media

你应该考虑重写这样的代码：

$media: only screen;
$feature: max-width;
$value: emCalc(768px) !default;

@media #{$media} and ($feature: $value) {

}

Here is a nice article on the topic

根据我的阅读，max-width:"#{$mobile-screen}")"使用与SASS Maps相同的语法，造成所有麻烦。