LESS - 引數化Mixin

描述

引數化mixin使用一個或多個引數，透過接受引數及其屬性來擴充套件LESS的功能，從而在混合到另一個塊時自定義mixin的輸出。

例如，考慮一個簡單的LESS程式碼片段：

.border(@width; @style; @color) {
   border: @width @style @color;
}

.myheader {
   .border(2px; dashed; green);
}

這裡我們使用引數化mixin作為.border，它具有三個引數：寬度、樣式和顏色。使用這些引數，您可以使用傳遞的引數值來自定義mixin的輸出。

下表描述了不同型別的引數化mixin及其說明。

序號	型別和描述
1	具有多個引數的Mixin 引數可以用逗號或分號分隔。
2	命名引數 Mixin透過使用引數名稱而不是位置來提供引數值。
3	@arguments變數呼叫mixin時，@arguments包含所有傳遞的引數。
4	高階引數和@rest變數 Mixin使用...接受可變數量的引數。
5	模式匹配透過向其傳遞引數來更改mixin的行為。

列印頁面