私はSASS RGBオフにすることができます>色の名前

Question

私はこのようなCSSルールを持っている

background: white url("/assets/img/file.png"); 

それを変換することを防止する方法はありますそんな？私のページにはRGB値を探すJSがあり、ハッキーな機能ではこれらの文字列をRGBに変換する必要はありません。

Answer 1

デフォルトでは、Sassに#{}または変数を使用して強制的に補間しない限り、Sassはリテラルカラー値を16進値から変換しません。

補間を使用すると、関心のある値の「to_sass」バージョンが返されます。たとえば、#{ #fff }は「白」に補間されます。これは変数置換時にも起こります。変数として使用するとカラーリテラルがColorオブジェクトに変換され、次にスタイルシートに "to_sass"されます。

さらに、スタイルオプションcompressedを指定すると、バイト長のバージョンが少なくなります（#f00の代わりにred）。 whiteは5文字で、#fffは4であるため、ルールは#fffに変更されます。

変数を使用しているときに逆HTML4色の名前変換をオフにする方法はありません。回避策として、文字列としてカラー変数を宣言してから、unquote()関数でスタイルを使用することができます。

$color: '#fff'; 
.white { color: unquote($color) }