在SASS中定义可重用的媒体查询

Question

我尝试做类似的事情：

$media_not_desktop: '@media only screen and (max-width: 959px)';

然后

.wrap {
  color: #fff;
  $media_not_desktop {
      color: #555;
  }
}

但我收到语法错误。你会怎么做？

Answer 1

您可以在sass 3.2中执行此操作，目前可作为alpha版本使用 变量为完整查询下的http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32。

语法略有不同，但功能基本相同。

Answer 2

我相信Sass目前无法做到这一点。尽管如此，Sass bug tracker上的补丁还存在一个未解决的问题。