SASS - 从@mixin 中将 $variable 传递给@content

Question

我正在努力从@mixin 中向@content 传递/获取$variable。我在网上广泛阅读了它，并且知道这是不可能的。但也许有人知道一个好的变体和/或其他解决方案。

我创建了一个 SassMeister 文件来解释它:https://www.sassmeister.com/gist/f5404131ace6e243ef0a6c9cca042889

谁能帮帮我？感谢您与我们联系 ;-)

Answer 1

最近 可以执行此操作，但这是一个非常新的功能，并且取决于您使用的 Sass 版本。 (我让它使用最新的 dart-sass 工作)

语法是这样的

@mixin test-mixin() { 
  $var: 10px;
  @content($var);
}

@include test-mixin() using ($var) {
  margin-top: $var;
}

您可以将多个变量传递给内容 block ，但是有 some caveats .