CSS 自定義函式和混合

CSS 自定義函式和混入 (CSS custom functions and mixins) 模組允許開發者建立可重用的 CSS 程式碼塊，這些程式碼塊可以接受引數、包含複雜邏輯（使用 CSS if() 函式和 @media @-規則等特性定義），並根據該邏輯返回值。

CSS 自定義函式在 @function @-規則中定義，並使用 <dashed-function> 語法呼叫，這與 CSS 自定義屬性 語法非常相似，不同之處在於它在末尾包含括號，其中包含引數（例如，--my-function(30px, 3)）。CSS 自定義函式可以在任何屬性值中呼叫，並將根據傳遞給函式的引數和其中的邏輯返回值。

CSS mixin 在 @mixin @-規則中定義，並使用巢狀在規則集中的 @apply @-規則應用。CSS mixin 定義了一組屬性，可以在多個規則集中重用，並透過引數和邏輯進行自定義。

CSS 自定義函式和 mixin 可以為其引數和返回值分配可選的資料型別，以限制傳入和傳出的值。