LESSдаги calc функцияси
Келгил, 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%');
}