พารามิเตอร์หลายตัวในฟังก์ชัน LESS

ในฟังก์ชันใน LESS สามารถส่งผ่านพารามิเตอร์ได้หลายตัว โดยต้องแจกแจงพวกมัน คั่นด้วยเครื่องหมายจุลภาค ตัวอย่างเช่น ลองสร้าง ฟังก์ชัน size เพื่อกำหนดขนาดขององค์ประกอบ:

styles.less.size(@w, @h) {
  width: @w;
  height: @h;
}

มาใช้ฟังก์ชันของเรากัน:

styles.lessdiv {
  .size(200px, 100px);
}

ผลลัพธ์หลังจากการคอมไพล์จะได้โค้ดต่อไปนี้:

styles.cssdiv {
  width: 200px;
  height: 100px;
}
Задание 1

สร้างฟังก์ชัน .fsh ซึ่งพารามิเตอร์แรก จะรับค่าของคุณสมบัติ font-size และพารามิเตอร์ที่สอง - ค่าของคุณสมบัติ line-height

Задание 2

สร้างฟังก์ชัน .absTL ซึ่งจะ กำหนดการจัดตำแหน่งแบบสัมบูรณ์ โดย พารามิเตอร์แรกจะรับ ค่าของคุณสมบัติ top และพารามิเตอร์ที่สอง - ค่าของคุณสมบัติ left

Задание 3

สร้างฟังก์ชันที่คล้ายกัน .absTR, .absBL และ .absBR ซึ่งกำหนดการจัดตำแหน่งแบบสัมบูรณ์จากด้านต่างๆ