การรวมกันด้วยช่องว่างใน LESS
มีคุณสมบัติบางอย่างที่ค่าของมันจำเป็นต้องรวมกัน
ไม่ด้วยเครื่องหมายจุลภาค แต่ด้วยช่องว่าง สำหรับ
การรวมกันดังกล่าวมีโอเปอเรเตอร์พิเศษ
+_
ลองดูการทำงานของมันด้วยตัวอย่าง
คุณสมบัติ transform มาสร้างฟังก์ชัน
.rotate และ .skew ซึ่งกำหนดการแปลงรูปแบบ
ที่เกี่ยวข้อง:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
มาใช้ฟังก์ชันของเรากัน:
div {
.rotate(10deg);
.skew(10deg);
}
จากการคอมไพล์ การแปลงรูปแบบของเรา
จะถูกรวมเข้าไว้ในคุณสมบัติ transform เดียว:
p {
transform: rotate(10deg) skew(10deg);
}
ให้สร้างฟังก์ชันที่คล้ายกัน scale
ซึ่งกำหนดการแปลงรูปแบบที่เกี่ยวข้อง
ให้สร้างฟังก์ชันที่คล้ายกัน translate
ซึ่งกำหนดการแปลงรูปแบบที่เกี่ยวข้อง