css - mixin 中的 SCSS 多个属性

Question

看看下面的例子:

@mixin placeholder ($color) {
  &.-moz-placeholder {
    color: $color;
  }

  &:-ms-placeholder {
    color: $color;
  }
}

@include placeholder(#999);

但我想插入多个属性，而不仅仅是占位符样式中的颜色。像这样:

@mixin placeholder ($properties) {
  &.-moz-placeholder {
    $properties;
  }

  &:-ms-placeholder {
    $properties;
  }
}

@include placeholder(color: #999, text-shadow: 1px 0px 0px #000);

这可能吗？如果可能的话如何？

Answer 1

正如@dave 所建议的，您可以使用 Sass 的 @content 指令来完成此操作。以下是您的示例使用该语法的样子:

@mixin placeholder {
  &.-moz-placeholder {
    @content;
  }

  &:-ms-placeholder {
    @content;
  }
}

@include placeholder {
  color: #999;
  text-shadow: 1px 0px 0px #000;
};

请注意，要传递内容 block ，请使用大括号而不是圆括号。您可以在 SASS documentation 中阅读更多内容.