@block

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

要定义一个块，可以在赋值符号后使用增加的缩进写下它

foo =
  width: 20px
  height: 20px

foo =
  width: 20px
  height: 20px

或使用带 @block 关键字的大括号语法

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

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

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

.icon
  {foo}

.icon
  {foo}

将渲染为

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

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

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

现在，您只能将变量作为任何其他变量传递，并在插值中渲染它。未来，我们将提供更多处理它的方法。

@block #