พารามิเตอร์ทั้งหมดของฟังก์ชันใน LESS
สมมติว่าเรามีฟังก์ชันต่อไปนี้:
.border(@w, @c, @t) {
border: @w @c @t;
}
เมื่อสร้างฟังก์ชันดังกล่าว จะไม่ค่อยสะดวกนัก ที่เราต้องระบุพารามิเตอร์ทั้งหมดในคำประกาศฟังก์ชันก่อน แล้วค่อยระบุพารามิเตอร์แบบเดียวกันอีกครั้งภายในฟังก์ชัน
ตัวแปรสำคัญพิเศษ @arguments จะเข้ามาช่วยเหลือ
โดยภายในมีพารามิเตอร์ทั้งหมดของฟังก์ชันอยู่ ลองทำให้โค้ดของเราง่ายขึ้น
โดยการใช้ตัวแปรนี้:
.border(@w, @c, @t) {
border: @arguments;
}
ทำให้โค้ดของฟังก์ชันต่อไปนี้ง่ายขึ้น:
.shadow(@x, @y, @r, @w, @c) {
box-shadow: @x @y @r @w @c;
}