Sass中的引导媒体查询--为什么Sass不能读取@screen-md-min？

Question

我的SCSS中有下面的代码片段，可以根据设备大小修改CSS。

.cu-list-project li{
  @media (min-width: @screen-md-min) {
    width: 60%;
    @include project-list;
  }
}

但是Sass给出了以下错误：

*错误样式/sass/styes.scss(第108行:在"...ia (min：“)之后的CSS无效:预期表达式(例如，1px，粗体)是”@screen min) {")。

显然，"@screen-md-min“不为Sass所识别。我该怎么办？P.S:我知道我可以将@screen-md-min改为992 be，但这不是最佳实践。所以，我在寻找一个真正的解决方案，而不是一个解决办法。谢谢。

Answer 1

查看引导程序的源代码，您应该使用$screen-md-min。

@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
  @include responsive-visibility('.visible-md');
}

从第89行发回的吉顿