@block

在 Stylus 中，您可以将任何代码块分配给变量，然后调用它，作为参数传递或以任何其他方式重用。

要定义一个块，请使用增加的缩进写下它：

foo =
  width: 20px
  height: 20px

或使用带有 @block 关键字的花括号语法：

foo = @block {
  width: 20px
  height: 20px
}

如果您想在任何地方呈现此块，则可以在插值中调用此变量，因此

.icon
  {foo}

将呈现为

.icon {
  width: 20px;
  height: 20px;
}

顺便说一下，这是您可以使用传递给 块混合 的块的相同方式。

现在，您只能像其他变量一样传递变量并在插值中呈现它。将来，我们将提供更多处理它的方式。