【SCSS/CSS🔰】共通設定rootで色の設定をする際、透明度のrgbaは10進数の方で記載せよ！

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

問題

色が反映されない。

root:｛

--color-red:rgba(#ff0000,0.5)

｝

16進数ではなく、10進数の方で設定をする。

root:｛

--color-red:rgba(255, 0, 0,0.5)

｝

直接書く場合には、SCSSファイルからCSSファイルにコンパイルされるが、ルートを経由する場合コンパイルがうまくいかない。

そのため、10進数で記入しておく。