在sass / scss中生成变量的乘积

Question

我需要在sass / scss中的两个变量之间创建一个产品。但是当我看到编译后的文件时，我看到了：

h1 {
    font-size: 2em * 1em;
  }

这是生成它的代码：

$h1: 2em;
@mixin setHeadingFont($smartphonePortraitFontSize:1em) {
    h1 {
        font-size: #{($h1 * #{$smartphonePortraitFontSize})};
    }

@include setHeadingFont();

我也尝试过：

font-size: #{(#{$h1} * #{$smartphonePortraitFontSize})};

或

font-size: #{($h1 * $smartphonePortraitFontSize)};

或

font-size: $h1 * $smartphonePortraitFontSize;

或

font-size: #{$h1} * #{$smartphonePortraitFontSize};

我该如何解决？

由于

Answer 1

如果有人对此感兴趣，我会发现问题：

@function removeUnit($num) {
    @return ($num / ($num * 0 + 1));
}

@function getUnit($num){
    @return (unit($num));
}

$unit_num: getUnit($smartphonePortraitFontSize);
h1 {
     font-size: (removeUnit($h1) * removeUnit($smartphonePortraitFontSize))#{$unit_num};
}