web-dev-qa-db-ja.com

sassの$ primary-colorに不透明度を設定する

Sass変数でプライマリ/セカンダリカラーとして定義するカラーに不透明度を含めるオプションはありますか? lighten($ color、amount)関数の方法で?

23
Furi

rgbaを使用できます。

$primary:rgba(20,20,20, .5);

16進値でも機能します

$primary:rgba(#4B00B5, .3);

変数値に基づいて色の不透明度を設定することもできます。例えば:

$primary-color:#a61723;
....
color:rgba($primary-color, .5);

デモ

73
Zach Saucier