在SASS功能中输出分号

时间:2014-02-11 11:57:27

标签: sass compass-sass

我正在努力通过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;

的输出

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

1 个答案:

答案 0 :(得分:1)

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

对不起该帖子