使用Sass未编译的媒体查询
使用媒体查询混合编译我的Sass文件时出错。我遵循了几个教程,但它不能编译。我正在使用Sass 3.3.0.alpha.67 (Bleeding Edge)
。
以下是我的代码
/* Included at the end */
@mixin mobile-only {
@media (max-width : 320px) {
@content;
}
}
/* Included where the rest of my sass is */
body { @include mobile-only {
display: none;
}
}
我正在使用Scout编译和监视更改。我还需要做什么吗?
解决方案
似乎不再是问题。略微修改的代码将在此代码http://codepen.io/danielcgold/pen/RRNrPQ中进行说明。
@mixin start-desktop-size {
@media (min-width: 1024px) {
@content;
}
}
body {
@include start-desktop-size {
background: red;
}
}
相关文章