逃避Sass中的百分比字符(SCSS)

dan*_*Mad 7 css variables escaping sass semantics

我有一个围绕语义的问题.

我正在使用Sass中的一长串变量(它是大量的颜色样本和相应的色调).这些颜色必须是精确的,因此lighten()darken()功能在这种情况下满足.

我正在声明的变量如下所示:

$black-13-percent-tint,$black-21-percent-tint等等.

我偶然发现了这篇文章,感到兴奋,并略微误解了文章的内容.然后我开始尝试声明Sass变量,如下所示:

$black-13\%-tint,$black-21\%-tint等等.

在意识到我的错误(混合类名和Sass变量)后,我开始怀疑是否有可能%在Sass变量中转义符号?

基本上我想像下面的例子一样写Sass,我想知道是否有可能实现这个目标?

.black-13\%-tint-swatch { background: $black-13\%-tint; }

小智 18

你可以使用#{'%'},对我有用:)