Miksinet në LESS

Në këtë mësim do të njihemi me miksinet (përzierjen), të cilat lejojnë përfshirjen e një klase brenda një tjetri. Le të shohim se çfarë janë dhe si të punohet me to.

Në thelb, miksimi është përdorimi i disa klasave brenda të tjerave, kur një klasë shërben si gatzim - një fragment i caktuar kodi, që mund ta përdorim në shumë vende.

Për çfarë është e përshtatshme kjo? Në CSS të pastër do na duhej ta shkruanim kodin e gatzimit kudo ku na nevojitet, ndërsa në LESS mund ta shkruajmë në një vend dhe pastaj ta lidhim atë në vendet e nevojshme të kodit.

Le ta shohim me një shembull. Le të themi se kemi këtë klasë:

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

Le ta përdorim këtë klasë si miksim:

p {
	.mix;
	color: red;
}

Si rezultat, pas kompilimit në paragraf do të futen stilet e klasës sonë:

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

Tregoni, cili do të jetë rezultati i kompilimit të kodit në vijim:

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

p {
	.mix;
	width: 300px;
}