Объединить число и "%" в sass

Я хотел бы сделать следующее, используя SASS:

width: #{$percent}%;

Где $percent - переменная, содержащая число. Если $percent равно 50, предварительно скомпилированный CSS будет выглядеть следующим образом:

width: 50%;

Какой синтаксис я должен использовать?

Ответ 1

Умножьте на 1%:

$percent: 50

.foo
  width: $percent * 1%

Результат:

.foo {
  width: 50%;
}