web-dev-qa-db-ja.com

Sassのパーセント文字のエスケープ(SCSS)

セマンティクスに関する質問があります。

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

9
DanMad

あなたは私のために働いた#{'%'}を使うことができます:)

18
Lucas Cárpio