Mixins katika LESS

Katika somo hili tutafahamiana na mixins (kuchanganya), inayoruhusu kujumuisha daraja moja ndani ya lingine. Hebu tuchambue, hii ni nini na jinsi ya kufanya kazi nayo.

Kimsingi kuchanganya ni matumizi ya madaraja fulani ndani ya mengine, wakati daraja moja linakuwa kiandaa - kipande maalum cha kodi, ambacho tunaweza kutumia katika maeneo mengi.

Hii inafaa kwa nini? Katika CSS safi, tungelazimika kuandika kipande cha kodi kila mahali inapohitajika, lakini katika LESS unaweza kuandika kwa sehemu moja na kisha kuiunganisha katika sehemu zinazohitajika za kodi.

Hebu tuangalie kwa mfano. Hebu tuseme tuna daraja lifuatalo:

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

Hebu tutumie daraja hili kama kuchanganya:

p {
	.mix;
	color: red;
}

Kwa matokeo baada ya kukusanywa, aya itawekwa mitindo ya daraja letu:

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

Elezea, matokeo ya kukusanywa kodi ifuatayo yatakuwa nini:

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

p {
	.mix;
	width: 300px;
}