less - 使用 mixins 作为函数

Question

我需要将 LESS Mixin 的值返回到较少的 CSS 属性。它在 SCSS 中很简单，但无法在 Less 中复制。谁能帮我解决这个问题。提前致谢。下面是我想通过 LESS Mixin 实现的示例。

少于

.rem(@pixel) {
  @em: unit(@pixel*0.025,rem);
}

无法像在 SCSS 中一样返回此值

在 SCSS 中

@function pxtorem($pixels, $context: 0.0625) {
    @return #{$pixels*$context}rem;
}

.div {
    font-size: rem(16);
}

输出：

.div {
    font-size: 1rem;
}

想要返回 SCSS 中的值

标签： less

Answer 1

请参阅将 Mixins 用作函数。

即在您的情况下，它将类似于：

.pxtorem(@pixels, @context: 1./16) {
    return: 1rem * @pixels * @context;
}

.div {
    font-size: .pxtorem(8)[];
}