Nối bằng khoảng trắng trong LESS
Có những thuộc tính mà giá trị của chúng cần được nối
không phải bằng dấu phẩy, mà bằng khoảng trắng. Đối với những
phép nối như vậy có một toán tử đặc biệt
+_.
Hãy xem cách hoạt động của nó qua ví dụ
với thuộc tính transform. Hãy tạo các hàm
.rotate và .skew, định nghĩa các
biến đổi tương ứng:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Hãy sử dụng các hàm của chúng ta:
div {
.rotate(10deg);
.skew(10deg);
}
Kết quả biên dịch, các phép biến đổi của chúng ta
sẽ được nối trong một thuộc tính transform:
p {
transform: rotate(10deg) skew(10deg);
}
Hãy triển khai một hàm tương tự scale,
định nghĩa phép biến đổi tương ứng.
Hãy triển khai một hàm tương tự translate,
định nghĩa phép biến đổi tương ứng.
