Twitter bootstrap 3 Sass中的引导媒体查询-为什么Sass无法读取@screen md min?
我的Twitter bootstrap 3 Sass中的引导媒体查询-为什么Sass无法读取@screen md min?,twitter-bootstrap-3,sass,media-queries,Twitter Bootstrap 3,Sass,Media Queries,我的SCSS中有以下代码片段,可以根据设备大小修改CSS .cu-list-project li{ @media (min-width: @screen-md-min) { width: 60%; @include project-list; } } 但Sass给出了以下错误: *错误styles/sass/styles.scss(第108行:“…ia(最小宽度:”:预期表达式(例如1px,粗体)后的CSS无效)为 “@screen md min){”) 显然,@scr
SCSS
中有以下代码片段,可以根据设备大小修改CSS
.cu-list-project li{
@media (min-width: @screen-md-min) {
width: 60%;
@include project-list;
}
}
但Sass给出了以下错误:
*错误styles/sass/styles.scss(第108行:“…ia(最小宽度:”:预期表达式(例如1px,粗体)后的CSS无效)为
“@screen md min){”)
显然,@screen md min
“未被Sass
识别。我该怎么办?
注:我知道我可以将@screen md min更改为992px,但这不是最佳做法。因此,我正在寻找一个真正的解决方案,而不是解决方法。谢谢。
查看引导sass的源代码,您应该使用
$screen md min
例如
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
@include responsive-visibility('.visible-md');
}
来自Github