Sass未处理的错误事件

Question

我有一个我要处理的sass文件。该文件的片段是：

@media {
  .tabs {
      @extend .uppercase;
      background-color: $light;
      border-top: 2px solid $stable;
  }
}

运行gulp文件时出现以下错误：

Error: media query expression must begin with '('
    on line 173 of scss/style_common.scss

如果删除该部分，一切运行正常，生成css

Answer 1

@media规则需要一个表达式，例如：

@media (min-width: 320px) {
  .tabs {
      @extend .uppercase;
      background-color: $light;
      border-top: 2px solid $stable;
  }
}

它给你的错误表明你错过了表达部分。

查看mozilla's @media docs的更多示例。