Операции внутри цикла LESS?

Question

[Денис]

Доброй ночи всем! Столкнулся с проблемой. ОРганизовал цикл, в котором для блоков col в зависимости от их суффиксов, будет рассчитываться ширина в процентах.

@gridColNumber: 12;

.grid-loop(@i) when (@i > 0) {
    .col-@{i} {
        width: ~"((100 * @{i}) / 12)%";
    }

    .grid-loop(@i - 1);
}

.grid-loop(@gridColNumber);

соответственно выражение: width: ~"((100 * @{i}) / 12)%"; ничего не дает, если записать просто width: ~"@{i}%";, то он вычислит это простое выражение. И при записи:

<section class="row-fluid">
						<div class="col-4"></div>
						<div class="col-4"></div>
						<div class="col-4"></div>
					</section>

блокам col-4 будет присвоена ширина 4%, но должна быть по формуле;
((100 * @{i}) / 12)%, а это 33,33333%

Помогите разобраться с синтаксисом выражения в цикле, там где ширине присваиваетсяя значение по формуле. Заранее спасибо.

Answer 1

[Сергей Протько]

width: (100 * @i) / 12%;

В вашем же случае вы просто собирали строку.