Sass中的Bootstrap媒体查询 - 为什么Sass无法阅读@ screen-md-min？

Question

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

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

但萨斯提供了以下错误：

*error styles/sass/styles.scss (Line 108: Invalid CSS after "...ia (min-width: ": expected expression (e.g. 1px, bold), was "@screen-md-min) {").

显然， “@screen-md-min” 不被认可Sass。我该怎么办？ P.S：我知道我可以将@ screen-md-min更改为992px，但这不是最佳做法。所以，我正在寻找一种真正的解决方案，而不是解决方法。谢谢。

Answer 1

查看bootstrap-sass的源代码，您应该使用例如$screen-md-min

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

从line 89在Github上