Миксинҳо дар LESS

Дар ин дарс мо бо миксинҳо (примешивание) шинос мешавем, ки имкон медиҳад, ки як классро дар дохили дигар дохил кунем. Биёед фаҳмем, ки ин чӣ гуна чизест ва чӣ тавр бо он кор кардан мумкин аст.

Дар асл, примешивание истифода бурдани як классҳо дар дохили дигар аст, вақте ки як класс заготовка мебошад - як порчаи муайяни рамз, ки мо метавонем онро дар бисёр ҷойҳо истифода барем.

Ин чӣ гуна қулай аст? Дар CSS-и холис мо маҷбур мебудистем заготовкаи рамзро дар ҳар ҷое, ки он лозим аст, нависем, вале дар LESS мо метавонем онро дар як ҷо навишта ва сипас онро дар ҷойҳои зарурии рамз пайваст кунем.

Биёед дар мисол дида бароем. Фарз кунем, ки мо класси зеринро дорем:

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

Биёед ин классро ҳамчун миксин истифода барем:

p {
	.mix;
	color: red;
}

Дар натиҷа, пас аз компилятсия ба абзас услубҳои класси мо дохил карда мешаванд:

p {
	width: 100px;
	height: 100px;
	color: red;
}

Ба мо нақл кунед, ки натиҷаи компилятсияи рамзи зерин чӣ хоҳад буд:

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

p {
	.mix;
	width: 300px;
}