在sass中连接数字和“％”

Question

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

width: #{$percent}%;

其中$percent是包含数字的变量。如果$percent等于50，则预编译的CSS将为：

width: 50%;

我应该使用什么语法？

Answer 1

乘以1％：

$percent: 50

.foo
  width: $percent * 1%

结果：

.foo {
  width: 50%;
}

Answer 2

如果有人正在寻找下面代码中 SCSS 的答案将完美运行，只需使用 css calc。

$percent: 50

.foo{
   width: calc(#{$percent} * 1%)
 }