CSS custom functions and mixins

Module CSS custom functions and mixins cho phép các nhà phát triển tạo các khối mã CSS có thể tái sử dụng, chấp nhận các đối số, chứa logic phức tạp (được định nghĩa bằng các tính năng như các hàm CSS if() và at-rules @media), và trả về các giá trị dựa trên logic đó.

CSS custom functions được định nghĩa trong at-rules @function và được gọi bằng cú pháp <dashed-function> trông rất giống cú pháp CSS custom property ngoại trừ nó bao gồm dấu ngoặc đơn ở cuối chứa các đối số (ví dụ: --my-function(30px, 3)). CSS custom functions có thể được gọi trong bất kỳ giá trị thuộc tính nào và sẽ trả về một giá trị dựa trên các đối số được truyền vào hàm và logic bên trong nó.

CSS mixins được định nghĩa trong at-rules @mixin và được áp dụng bằng at-rules @apply được lồng bên trong các rulesets. CSS mixins định nghĩa một tập hợp các thuộc tính có thể được tái sử dụng trong nhiều rulesets và tùy chỉnh với các đối số và logic.

CSS custom functions và mixins có thể được gán các kiểu dữ liệu tùy chọn cho các đối số và giá trị trả về của chúng, để hạn chế các giá trị được truyền vào và trả về từ chúng.