Miksini LESS
Šajā nodarbībā mēs iepazīsimies ar miksinu (piemaisīšanu), kas ļauj iekļaut vienu klasi cita klases iekšienē. Izpratīsim, kas tas ir un kā ar to strādāt.
Būtībā piemaisīšana ir vienu klasi izmantošana citu klasi iekšienē, kad viena klase ir veidne - noteikts koda fragments, ko mēs varam izmantot daudzās vietās.
Kā tas ir ērti? Tīrā CSS mums būtu jāraksta šis koda fragments visur, kur tas nepieciešams, bet LESS to var uzrakstīt vienā vietā un pēc tam to pievienot vajadzīgajās koda vietās.
Apskatīsim piemērā. Pieņemsim, ka mums ir šāda klase:
.mix {
width: 100px;
height: 100px;
}
Izmantosim šo klasi kā piemaisījumu:
p {
.mix;
color: red;
}
Rezultātā pēc kompilācijas rindkopā tiks ievietoti mūsu klases stili:
p {
width: 100px;
height: 100px;
color: red;
}
Pastāstiet, kāds būs kompilācijas rezultāts šim kodam:
.mix {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
