Dart SASS中`using ($type)`语法的含义及归属疑问

我在SASS官方文档中查找混入（mixin）传递参数给内容块的相关说明时，没有找到using ($type)语法的相关内容，以下是包含该语法的代码片段：

@mixin media($types...) {
  @each $type in $types {
    @media #{$type} {
      @content($type);
    }
  }
}

@include media(screen, print) using ($type) {
  h1 {
    font-size: 40px;
    @if $type == print {
      font-family: Calluna;
    }
  }
}

一、using ($type)的作用 #

using ($type)是用来接收混入（mixin）中通过@content($type)传递过来的参数的语法。

在上述代码里：

• 混入media通过@content($type)把循环遍历的$type变量（也就是screen和print）传递给了内容块
• using ($type)就是在调用混入时，声明要接收这个传递过来的参数，这样后续内容块里就能直接使用$type变量做逻辑判断（比如代码里判断$type == print时设置不同字体）

简单来说，它就是给混入的内容块开了个“参数接收口”，让内容块能拿到混入内部的变量值。

二、所属语言说明 #

这个语法属于SASS（准确说是Dart Sass），它是配合@content()传递参数的配套接收语法，属于较新的语法特性，可能你查看的文档版本未及时更新，或对应章节未覆盖到该内容。

内容的提问来源于stack exchange，提问作者klau