Как исправить компиляцию Less?

Question

[Андрей Охотников]

Работаю с Мадженто 2.2, установлен последний Less, внезапно на некоторых страницах перестал компилироваться Less в css, ошибка

OperationError: Operation on an invalid type
in catalog.css on line 1181, column 3:

1180.grid[data-mode='grid'] .grid-item.big {
1181  -webkit-flex-basis: -webkit-calc(calc(100% / 5) * 2);
1182  -ms-flex-preferred-size: calc(calc(100% / 5) * 2);

Что делать? Как исправить?

Answer 1

[sergski]

-webkit-flex-basis: calc( ~"100% / 5 * 2" );

Answer 2

[HelpSophie]

(100% / 5) * 2 = 40%
Зачем для этого calc?

Comments

[Андрей Охотников]

Иначе никак. Данные для расчета хранятся в переменных, а (100% / 5) * 2 - это результат компиляции

[HelpSophie]

Андрей Охотников, у вас же less, сделайте промежуточную переменную с расчетом, а браузеру отдавайте уже посчитанное.
Примерно так:

@all-width: 100%;
@columns: 5;
@n: 2;
@rez: @all-width / @columns * @n;

flex-basis: @rez;