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

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

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

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

.mix() {
	width: 100px;
	height: 100px;
}

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

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

p {
	.mix;
	width: 300px;
}

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

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

p {
	.mix1;
	.mix2;
}

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

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

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

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