sass - SASS mixins - @content 的默认值

Question

是否可以像使用参数一样定义默认值@content？

例如：

@mixin foo {
    @content: width:100%;
}

Answer 1

不，@content不是变量。您不能为其设置默认值。你不能操纵或检查它。

如果 Alessandro 的答案不适合您的需求，您需要创建一个额外的 mixin 以获得您想要的结果：

@mixin foo {
  color: red;
  @content;
}

@mixin empty-foo {
  @include foo {
    width: 100%;
  }
}

.foo {
  @include foo {
    border: 1px solid;
  }
}

.bar {
  @include empty-foo;
}

Answer 2

试试这个：

@mixin foo($content: 100%) {
    width:$content;
}

或这个：

    @mixin foo() {
        $content: 100%;
        width:$content;
    }