LESS-daky miksinler

Bu sapakda biz miksinler bilen tanyşarys (bir klass beýlekisine goşulýar), bu bir klass beýlekisiniň içine goşulmagyna mümkinçilik berýär. Geliň, bu näme we onuň bilen nähili işlemelidigini düşüneli.

Esasyna görä, miksinleşme bir klasslaryň beýlekileriniň içinde ulanylmasydyr, bir klass hazyr şablon bolup, kodunyň belli bir bölegidir, biz ony köp ýerlerde ulanyp bilýäris.

Bu nädip amatly? Diýen gaty CSS-de biz gerek bolan ýerde hazyr kody ýazmaly bolardy, ýöne LESS-de ony bir ýerde ýazy we soňra kodyň gerekli ýerlerine birikdirip bileris.

Geliň bir mysalda göreli. Bizde aşakdaky klas bar:

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

Geliň bu klasy miksin hökmünde ulanaly:

p {
	.mix;
	color: red;
}

Netijede, kompilleşenden soň, abzasa biziň klasymyzyň stilleri ýerleşdiriler:

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

Aşakdaky kodyň kompilleşmeginiň netijesi nähili bolar?

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

p {
	.mix;
	width: 300px;
}