私は現在、bulma をベースにしたマルチテーマ デザイン システムを作成しようとしています。 ただし、現在、マルチテーマ システムの追加に取り組んでいます。
これをカスタムスタイル scss ファイルに追加しましたが、機能しないようです
リーリーnode sass コマンドを実行して CSS ファイルを生成するとき 変数を使用しない場合は is-secondary 属性が生成されるのがわかりますが、変数を使用して $secondary 変数を定義すると、is-secondary 属性は生成されません
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Bulma の現在のメジャー バージョンは CSS 変数をサポートしていません。
css-variables ブランチを使用して機能するようにしました。
npm I https://github.com/jgthms/bulma/tree/bulma-v1-css-variables;最初のインポート:
リーリーthemes/default.scss は、すべての css 変数を sass 変数に基づいています。
CSS 変数を使用してデフォルトを変更すると、ダーク モード、テーマ スイッチャーなどを使用できるようになります。
リーリー