Operesheni za Kihisabati katika LESS
Katika lugha ya LESS, inawezekana kufanya operesheni za kihisabati kwenye anuwai na maadili mbalimbali. Tuangalie kwa mifano.
Mfano
Wacha tuongeze maadili mawili:
p {
font-size: 5px + 10px;
}
Matokeo ya ukusanyaji:
p {
font-size: 15px;
}
Mfano
Tuondoe thamani moja kutoka kwa nyingine:
p {
font-size: 25px - 10px;
}
Matokeo ya ukusanyaji:
p {
font-size: 15px;
}
Mfano
Wacha tuzidishe thamani kwa nambari:
p {
font-size: 5px * 5;
}
Matokeo ya ukusanyaji:
p {
font-size: 25px;
}
Mfano
Gawanya thamani kwa nambari:
div {
width: 100% / 3;
}
Matokeo ya ukusanyaji:
div {
width: 33.33333333%;
}
Mfano
Wacha tuongeze thamani kwa yaliyomo kwenye anuwai:
@var: 100px;
div {
width: @var + 100px;
}
Matokeo ya ukusanyaji:
div {
width: 200px;
}
Mfano
Wacha tuongeze anuwai mbili:
@var1: 100px;
@var2: 200px;
div {
width: @var1 + @var2;
}
Matokeo ya ukusanyaji:
div {
width: 300px;
}
Mfano
Wakati wa kujaribu operesheni na vitengo tofauti, LESS hubadilisha vitengo vyote kuwa kimoja - kile cha kwanza. Mfano:
div {
width: 100% - 10px;
}
Matokeo ya ukusanyaji:
div {
width: 90%;
}
Kazi za Vitendo
Eleza, matokeo ya ukusanyaji ya mfuatayo utakuwa nini:
#block {
width: 100px * 2;
}
Eleza, matokeo ya ukusanyaji ya mfuatayo utakuwa nini:
#block {
width: 200px / 3;
}
Eleza, matokeo ya ukusanyaji ya mfuatayo utakuwa nini:
@var1: 500px;
@var2: 5;
#block {
width: @var1 / @var2;
}