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; }

2016-12-15 danMad

爲什麼不使用這個mixin的爲你做這項工作？ https://css-tricks.com/snippets/sass/tint-shade-functions/ –

謝謝@ShannonYoung我在我的問題後遇到了這個問題。從技術上講，這個mixin可以以不同的方式解決我的問題。但是我仍然想知道他們是否是在聲明Sass變量時使用百分比字符的方法。 – danMad

您可以使用#{'%'}，這爲我工作:)

2016-12-28 16:31:29

回答