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

时间:2016-12-15 04:26:33

标签: css variables sass escaping semantics

我对语义有疑问。

我正在使用Sass中的一长串变量(它是大量的颜色样本和相应的色调)。这些颜色必须精确,因此lighten()darken()函数不适合这种情况。

我目前声明的变量如下所示:

$black-13-percent-tint$black-21-percent-tint

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

$black-13\%-tint$black-21\%-tint

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

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

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

1 个答案:

答案 0 :(得分:14)

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