我可以将 SASS 变量插入 SASS 选择器属性值吗？

Question

我想将变量值插入 SASS 属性值中。我不想将属性名称插入此处定义

我想使用 sass 变量在 css 中实现此目的，但我不想在其定义中指定变量单位。

.selector {
 width: 90%;
}

在 sass 中我想做这样的事情：

$variable: 90

.selector {
width: $variable% // note the % on the end!

但我找不到关于如何做到这一点的明确文档。

使用基本插值，我可以这样做：

$variable: 90%
.selector {
  width: #{$width};
}

因此字符串插值适用于属性值，但以下两种情况都会导致错误：

$variable: 90
.selector {
  width: #{$width}%;
}

$variable: 90
.selector {
  width: #{$width%};
}

澄清一下，我不想这样做：

$variable: 90%

.selector {
 width: $variable
}

因为我可能想将变量用作 px、em、% 、 vw 等。

那么，如何将 % （或任何其他字符串）添加到我的变量末尾？

Answer 1

解决了。

$variable: 90
.selector {
  width: #{$width}+'%';
}