如何在Less mixin中更改多个数字的单位？

Question

我正在尝试创建一个mixin，我可以将单位从px更改为rem。现在，我有以下代码：

@emSize : 16px;
@pxr    : 1 / unit(@emSize, rem);

.padding(@padding) {padding: @padding * @pxr;}

.test {.padding(10px);}

如果我在mixin中只有一个数字，这样可以正常工作，但如果我有多个数字则不起作用。例如，这不起作用：

.test {.padding(10px 25px);}

我无法弄清楚的是如何让我在Less中工作。

Answer 1

选项1

您可以使用逗号分隔值来实现与最小代码相同的内容：

string decoded = encoded.Decode();

See it working

选项2

你试过分开两个功能吗？

@emSize : 16px;
@pxr    : 1 / unit(@emSize, rem);

.padding(@verticalpad, @horizontalpad) {
      padding: (@verticalpad * @pxr) (@horizontalpad * @pxr);
}

.test {
      .padding(10px, 25px);
}

<强> See it working