作为完整查询的变量在媒体查询表达式中显示＆＃34;未闭合的括号＆＃34;错误

Question

我在使用Sass和Ionic 2时，我创建了以下变量来应用我的媒体查询，

$small:   568px;
$screen:        "only screen" !default;
$small-max :   "#{$screen} and (max-width: #{$small})";

并在我的scss文件中使用它：

@media #{$small-max} {
 // My styles
}

但是我收到了以下错误，

  

错误：媒体查询表达式中未闭合的括号

我无法看到我在这里做错了什么。我错过了什么吗？