SASS cho phép mixin nhận tham số: "@mixin tên(undefinedx...; }", khi chèn bằng "@include tên(giá_trị);" thì tham số $x được thay bằng giá_trị được truyền vào.
Cho một đoạn SASS gồm định nghĩa MỘT mixin có đúng một tham số (thân mixin có thể có nhiều dòng thuộc tính, mỗi dòng có thể dùng tham số), theo sau là một khối luật có một số thuộc tính riêng và một dòng "@include tên(giá_trị);" ở giữa, hãy biên dịch thành một khối CSS duy nhất với tham số đã được thay bằng giá trị truyền vào.
Định nghĩa mixin "@mixin tên(undefinedtham_số), "}"; tiếp theo khối luật "selector {", các thuộc tính hoặc dòng "@include tên(giá_trị);", "}".
Thân mixin có từ 1 đến 2 thuộc tính. Giá trị truyền vào không chứa dấu ngoặc đơn hoặc dấu phẩy.
In ra một khối CSS duy nhất, các dòng thuộc tính theo đúng thứ tự, tham số đã được thay bằng giá trị truyền vào, thụt vào 2 dấu cách.
Ví dụ:
Đầu vào:
@mixin border($c) {
border: 1px solid $c;
}
.box {
@include border(red);
}Đầu ra:
.box {
border: 1px solid red;
}Đang tải editor...