学习stylus【17】@BLOCK

@BLOCK

您可以将Stylus中的任何代码块分配给一个变量，然后调用它，作为参数传递或以任何其他方式重用。
要定义一个块，可以在分配符号之后用增加的缩进记下它：

foo =
  width: 20px
  height: 20px

或者在@block关键字中使用花括号语法：

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

如果你想在任何地方渲染这个块，你可以在插值中调用这个变量，所以

.icon
  {foo}
=>
.icon {
  width: 20px;
  height: 20px;
}

顺便说一句，你也可以使用传递给块mixin的块的方式相同。
现在，您只能将该变量作为其他变量传递并在插值内呈现。 将来我们会提供更多的处理方法。