在sass中连接数字和"%"

Question

我想使用SASS执行以下操作:

width: #{$percent}%;

$percent包含数字的变量在哪里？如果$percent等于50,则预编译的CSS将是:

width: 50%;

我应该使用什么语法？

Answer 1

乘以1%:

$percent: 50

.foo
  width: $percent * 1%

结果:

.foo {
  width: 50%;
}