calc ֆունկցիան LESS-ում
Եկեք ստեղծենք մի ֆունկցիա, որը կլինի պատյան
CSSի calc
ֆունկցիայի համար:
Թող մեր ֆունկցիան առաջին պարամետրով
ընդունի հատկության անունը,
իսկ երկրորդով՝ հաշվարկվող արժեքը.
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Օգտագործենք մեր ֆունկցիան.
p {
.calc(width, ~'10px + 30%');
}
Կոմպիլյացիայի արդյունքը.
p {
width: calc(10px + 30%);
}
Պատմեք, թե ինչ կլինի հետևյալ կոդի կոմպիլյացիայի արդյունքը.
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
