Я пытаюсь сделать миксин, чтобы правильно преобразовать пиксели в относительные ems. Мне бы хотелось, чтобы он был достаточно гибким, чтобы можно было использовать любое свойство с любым количеством значений пикселей.

Любые идеи о том, как добавить несколько значений в одно свойство без ошибки рекурсии, которую я создаю внутри цикла for?

желаемый пример использования 1:

.pixels-to-rems(font-size; 10);

желаемый результат:

font-size: 10px;
font-size: 1rem;

желаемый пример использования 2:

.pixels-to-rems(padding; 10,0,20,10);

желаемый результат:

padding: 10px, 0px, 20px, 10px;
padding: 1rem, 0px, 2rem, 1rem;

Вот миксин как есть.

@baseFontSize: 10px;
.pixels-to-rems(@property, @pxvals) {
    @pxValue: null;
    @remValue: null;

    .for(@pxvals); .-each(@pxval) {
        @pxValue: @pxValue @pxval;
        @remValue: @remValue (@pxval / @baseFontSize);
    }

    @{property}: ~"@{pxValue}px";
    @{property}: ~"@{remValue}rem";
}

.for () миксин найденВот