SASS将变量组合成单位

Question

如何在SASS中组合两个变量以形成一个单元？设置如下：

$font-size: 16;
$font-unit: px;

$base-font-size: {$font-size}{$font-unit} !default;

@if unit($base-font-size) != 'px' { @warn "Parameter must resolve to a value in pixel units."; }

这会引发编译错误：在...期望的表达式之后的无效CSS ...

感谢您的帮助！

Answer 1

请改为尝试：

$font-size: 16;
$font-unit: 1px;

$base-font-size: $font-size * $font-unit !default;

@if unit($base-font-size) != px { @warn "Parameter must resolve to a value in pixel units."; }