堵塞(@block)

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

定義一個(gè)代碼塊，可以是在賦值符后面縮進(jìn)并書寫代碼：

foo =
  width: 20px
  height: 20px

也可以利用 @block 關(guān)鍵字并將代碼書寫在花括號(hào)中：

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

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

.icon
  {foo}

輸出：

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

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

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