css - SASS変数を組み合わせて単位を形成する

Question

SASSで2つの変数を組み合わせて1つのユニットを形成するにはどうすればよいですか？設定は次のとおりです。

$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."; }