css - 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 的更多示例.