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ë:

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

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

styles.lessp {
  .mix;
  color: red;
}

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

styles.cssp {
  width: 100px;
  height: 100px;
  color: red;
}

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

p {
  .mix;
  width: 300px;
}