sass mixin中的可变参数数量以及每个参数的循环

Question

我在我的项目中使用Bourbon Neat而Neat有这个整洁的（哈！）小混合用于媒体查询：

$xs-media: new-breakpoint(min-width 1px max-width 480px);
@include media($xs-media) {
  // your styles
}

但是@include media并不支持多个断点。所以我试图这样做：

@mixin multiple-media($breakpoints...) {
  @each $breakpoint in $breakpoints {
    @include media($breakpoint) {
      @content
    }
  }
}

然后我可以在其上使用多个断点：

$xs-media: new-breakpoint(min-width 1px max-width 480px);
// $sm-media: ...
// $md-media: ...
@inlclude multiple-media($xs-media, $sm-media, $md-media) {
  // my styles
}

但是编译好的CSS并不是很有效，看起来很正确。这就是生成的内容（只是发生了什么的一个例子）：

@media screen and (min-width: min-width) {
      .instagram-widget .instagram-widget__images-container > a > img {
        width: 25%; } }
    @media screen and (min-width: min-width) {
      .instagram-widget .instagram-widget__images-container > a > img {
        width: 25%; } }
    @media screen and (min-width: min-width) {
      .instagram-widget .instagram-widget__images-container > a > img {
        width: 25%; } }

@media screen and (min-width: min-width) { ??