Kazi katika LESS
Katika somo hili tutachunguza jinsi ya kutumia kazi. Kazi, zinafanana kwa kiasi fulani na kuchanganya, lakini wakati huo huo huruhusu kuongeza vigezo, ambavyo vinaweza kubadilisha thamani zao.
Vigezo hivi hupelekwa kwenye mabano ya duara ya kazi. Hebu tuangalie kwa mfano.
Wacha tutengeneze kazi fs, ambayo
itaweka ukubwa wa herufi. Acha ukubwa
upitishwe kama kigezo. Kama kigezo
kitatumika kutofautisha, jina ambalo
tunabuni wakati wa kutangaza kazi:
.fs(@size) {
// hapa kutakuwa na msimbo wa kazi
}
Wacha tuonyeshe ndani ya kazi, mahali ambapo thamani ya kigezo chetu inapaswa kuingizwa:
.fs(@size) {
font-size: @size;
}
Wacha tuite kazi yetu, tukiipa kama kigezo ukubwa unaotakikana wa kipengele:
p {
.fs(20px);
}
Kama matokeo baada ya ukusanyaji, ukubwa wa herufi wa aya utakuwa sawa na thamani iliyoonyeshwa:
p {
font-size: 20px;
}
Tengeneza kazi w(), ambayo itaweka
upana wa kipengele.
Tengeneza kazi h(), ambayo itaweka
urefu wa kipengele.
