WEB系キャンパス

【Sass】 rgbaの数値を16進数で出す書き方

Sassでのrebaを書く際は、いちいちR値・G値・B値で分けなくて、16進数の色コードで書けるので、地味に便利

【通常のrgbaの書き方】

background-color: rgba(255, 255, 255, 0.8);

Sassでの書き方

background-color: rgba(#fff, 0.8);

変数で書く場合はこんな感じ

$white : #fff;
background-color: rgba($white, 0.8);

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です