scss スタイルでクエーサー変数の使用をマスターする

Question

私は vue add quasar を通じて Vue3 Quasar プロジェクトを構成しました。 quasar sass/scss 変数の使い方がわかりません。

使用する予定だったドキュメントから

リーリー

ただし、$red-1 により、unknown variable. エラーが発生します。スタイル ファイルを明示的にインポートすると、$primary などの変数を使用できますが、他の Quasar 変数は使用できません。

リーリー

Quasar sass/scss からすべての変数も明示的にインポートする必要がありますか?

私のプロジェクト構成は次のとおりです:

リーリー

---

サイド質問: Quasar の CSS クラスを使用する場合、bg-primary および bg- Secondary は、私が選択したスタイルの代わりに、Quasar で定義された 1 次色と 2 次色を使用します。これは予期された動作ですか?

Answer 1

Sass/SCSS 変数は、quasar-cli ホスト型アプリでのみ使用できます。

https://quasar.dev/style/sass-scss-variables