Sass @content指令包括父选择器

Question

我编写了一个Sass mixin，它按预期工作，除了一个问题：@content指令似乎包括父选择器，而不仅仅是包含在mixin的括号中的内容

mixin：

@mixin breakpoint($parameters){

    $query: 'screen and ';

    @each $variable, $value in $parameters {
        $query: $query + '(' + $variable + ':' + $value + ') and ';
    };

    $query: str-slice($query, 0, -5);

    @media #{$query} { @content; };
}

我正在尝试使用它，如下所示：

#div {
    background-color: blue;

    @include breakpoint((max-width:500px)) {
        background-color: purple;
    };
}

但是，这会编译如下，重复#div id：

#div {
  background-color: blue; }
  @media screen and (max-width: 500px) {
    #div {
      background-color: purple; } }

所需的输出是：

#div {
  background-color: blue;
  @media screen and (max-width: 500px) {
      background-color: purple;}
}

非常感谢您解决此问题的任何帮助！