しかし、設定ファイル settings.yml に変数をこのように記述すると、動作しません。 $color 変数を使用していないにもかかわらず、「$color は色ではありません」というエラーが発生します。そのため、私が理解していない補間(interpolation)に関連している可能性があります。
header_color:
type: string
default: ""
description:
en: "..."
transparency:
type: string
default: ""
description:
en: "..."
私の考えでは、これは CSS のコンパイル方法に関する問題のようです。変数は CSS の実行時に宣言すると機能しますが、個別の settings.yml ファイルから動的に設定すると機能しません。![]()
これも機能しません。
.d-header {
background: rgba(#{$header_color}, #{$transparency});
}