css - CSSカスタムプロパティによるSassの破損?

Question

色の CSS カスタム プロパティがあるとします。

--color: 255,0,0

rgbそして、必要に応じて、またはrgba必要に応じて、特別に混合したいと考えています。これは有効な CSS です:

rgba(var(--color), .3)

...しかし、サスは爆発します。ミックスインか何かを書けるかどうか試してみましたが、Sass が必要でない場合でも独自のカラー関数を使用するという主張を回避する方法がわかりません。

Answer 1

これに対する別の一時的な回避策は、既に行っているように、変数でのみ RGB 値を使用することです。

--color: 255, 255, 255;

次に、 Capitals で RGB または RGBA 関数を使用すると、 SASSはそれを無視し、プレーンな CSS で解析できます。不透明度を調整できます！

RGB(var(--color));
RGBA(var(--color), .3);