Stylus @block

堵塞(@block)

在 Stylus 中，你可以將任何代碼塊賦值給一個變量，然后調(diào)用它、作為參數(shù)傳遞或以其他方式重復使用。

定義一個代碼塊，可以是在賦值符后面縮進并書寫代碼：

foo =
  width: 20px
  height: 20px

也可以利用 @block 關鍵字并將代碼書寫在花括號中：

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

如果你想在任何地方輸出代碼塊，可以將變量名放在花括號中：

.icon
  {foo}

輸出：

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

順便說一下，這和將代碼塊傳遞給 block mixins 的方式是相同的。

目前，你只能像一般變量一樣傳遞并輸出代碼塊變量。將來我們將提供更多使用方式。