2016-12-15 1010 views
2

我有一个围绕语义的问题。Sass中的转义百分比字符(SCSS)

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

我目前正在读声明类似下面的变量:

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

我碰到this article迷迷糊糊的,很兴奋,并稍微曲解了文章在说什么。然后,我开始尝试声明萨斯变量如下所示:

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

实现我的错误(混合了类名和萨斯变量)之后,我开始怀疑是否有可能逃脱一个Sass变量中的%符号?

本质上我想写下萨斯像下面的例子,我想知道是否有可能实现这一目标?

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

+0

为什么不使用这个mixin的为你做这项工作? https://css-tricks.com/snippets/sass/tint-shade-functions/ –

+0

谢谢@ShannonYoung我在我的问题后遇到了这个问题。从技术上讲,这个mixin可以以不同的方式解决我的问题。但是我仍然想知道他们是否是在声明Sass变量时使用百分比字符的方法。 – danMad

回答

3

您可以使用#{'%'},这为我工作:)