薩斯亂扔東西的錯誤不應該

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，造成一切麻煩。