การยกเลิกการคอมไพล์ Mixin ใน LESS

คลาสที่เราใช้เป็น mixin ก็จะปรากฏในผลการคอมไพล์ด้วย

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

เพื่อยกเลิกการคอมไพล์ mixin ต้องใส่ วงเล็บหลังชื่อของมัน แบบนี้:

styles.less.mix() {
  width: 100px;
  height: 100px;
}
Задание 1

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

styles.less.mix() {
  color: white;
  background: black;
}

p {
  .mix;
  width: 300px;
}
Задание 2

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

styles.less.mix1() {
  color: white;
  background: black;
}
.mix2() {
  width: 300px;
  height: 300px;
}

p {
  .mix1;
  .mix2;
}
Задание 3

สร้าง mixin .tnr ซึ่งจะ กำหนดฟอนต์ตระกูล Times New Roman

Задание 4

สร้าง mixin .df ซึ่งจะ กำหนดคุณสมบัติ display เป็นค่า flex

Задание 5

สร้าง mixin .bold ซึ่งจะ กำหนดคุณสมบัติ font-weight เป็นค่า bold

Задание 6

สร้าง mixin .nowrap ซึ่งจะ กำหนดคุณสมบัติ white-space เป็นค่า nowrap