css - sass で数値と「%」を連結する

Question

SASSを使用して次のことをしたいと思います：

width: #{$percent}%;

数値$percentを含む変数です。が 50 の場合$percent、コンパイル済みの CSS は次のようになります。

width: 50%;

どの構文を使用すればよいですか?

Answer 1

1% を掛ける:

$percent: 50

.foo
  width: $percent * 1%

結果：

.foo {
  width: 50%;
}