内容指令

Mixins 可以传递一块 SASS 兼容代码,然后在 mixin 中作为 @content 指令使用。

@mixin small-screen {
  @media screen and (min-width: 800px;) {
    @content;
  }
}

@include small-screen {
  .container {
    width: 600px;
  }
}

这将输出:

  @media screen and (min-width: 800px;) {
    .container {
      width: 600px;
    }
  }

Mixins 可以使用 @content 指令并仍然接受参数。

@mixin small-screen($offset) {...