Как я могу умножить значение ширины в пикселях с помощью LESS Css?

Я пытаюсь установить padding на некоторые \ элементы, стилизованные под таблетки, и я хочу динамически изменять padding. Я знаю, что я могу сделать:

@pill-padding-v: 8px;
@pill-padding-h: 15px;

padding:@pill-padding-v @pill-padding-h;

это отображает это - и, кажется, работает нормально:

padding:8px 15px;

Но как я могу заставить LESS добавить 1px padding к этому?

@pill-padding-v: 8;
@pill-padding-h: 15;

@pill-padding-v: (@pill-padding-v + 1)
@pill-padding-h: (@pill-padding-h + 1)

padding:@pill-padding-vpx @pill-padding-hpx;

Основной проблемой кажется добавление "px" как часть имени переменной, я получаю ошибку компиляции. Также я думаю, что синтаксически неправильно использовать 8 px вместо 8px, и это, похоже, тоже ломается в браузерах.

Как я могу умножить значение ширины пикселя с помощью LESS Css?