@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 #