พารามิเตอร์ที่มีเครื่องหมายจุลภาคใน LESS

สมมติว่าเรามีฟังก์ชันสำหรับสร้างเงาของบล็อก:

styles.less.shadow(@s) {
  box-shadow: @s;
}

อย่างที่คุณเห็น ฟังก์ชันของเรามีพารามิเตอร์หนึ่งตัว นั่นหมายความว่าเราจะส่งค่าเงาทั้งหมดของเรา เข้าพารามิเตอร์นี้โดยคั่นด้วยช่องว่าง แบบนี้:

styles.lessdiv {
  .shadow(1px 1px red);
}

อย่างไรก็ตาม ใน CSS เราสามารถกำหนดเงาหลายๆ อันได้ โดยเขียนคั่นด้วยเครื่องหมายจุลภาค ในกรณีของเรา น่าเสียดายที่ทำแบบนั้นไม่ได้ เพราะเครื่องหมายจุลภาค จะถูกคอมไพเลอร์ตีความว่าเป็นตัวคั่น ระหว่างพารามิเตอร์ของฟังก์ชัน:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // จะทำให้เกิดข้อผิดพลาด
}

แต่ก็มีวิธีแก้ เราสามารถบังคับให้ LESS ตีความสตริงของเราที่มีเครื่องหมายจุลภาคเป็นพารามิเตอร์เดียว ได้ ในการทำเช่นนั้น เราจำเป็นต้องจบรายการค่า ของเราด้วยเครื่องหมายอัฒภาค:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue;);
}