在 SASS 函数中输出分号答案

【问题标题】：Output a semicolon in a SASS function在 SASS 函数中输出分号
【发布时间】：2018-03-31 12:16:42
【问题描述】：

我正在努力通过 SASS 函数中的 @return 行输出分号。

问题是我想将输入数据转换为像素和 rem 值。这可能是一种丑陋的方法，但它是我目前能想到的最好的方法

例如，我想要以下 CSS 输出：

p {
    margin: 10px 10px 0 0;
    margin: 1rem 1rem 0 0;
}

我几乎可以使用以下功能进行此操作

@function distance($declaration,$sizeValue: 1.6) {
    $list-px: ();
    $list-rem: ();
    @each $value in $sizeValue{
        $list-px:append($list-px, ($value * 10)+px);
        $list-rem:append($list-rem, $value+rem);
    }
    @return $list-px $declaration +':' $list-rem;
}

这给了我输出：

margin: 0px 0px 20px 0px margin: 0rem 0rem 2rem 0rem;

但在第二个边距之前没有分号

我也尝试了@return $list-px +';' $declaration +':' $list-rem;，但生成的输出类似于margin: "0px 0px 20px 0px;" margin: 0rem 0rem 2rem 0rem;

我希望有人能帮我解决这个问题。

【问题讨论】：

标签： sass compass-sass

【解决方案1】：

在这里找到答案：http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/

抱歉发帖

【讨论】：