ブルマの色とテーマをカスタマイズする

Question

私は現在、bulma をベースにしたマルチテーマ デザイン システムを作成しようとしています。 ただし、現在、マルチテーマ システムの追加に取り組んでいます。

これをカスタムスタイル scss ファイルに追加しましたが、機能しないようです

リーリー

node sass コマンドを実行して CSS ファイルを生成するとき 変数を使用しない場合は is-secondary 属性が生成されるのがわかりますが、変数を使用して $secondary 変数を定義すると、is-secondary 属性は生成されません

Answer 1

Bulma の現在のメジャー バージョンは CSS 変数をサポートしていません。

css-variables ブランチを使用して機能するようにしました。 npm I https://github.com/jgthms/bulma/tree/bulma-v1-css-variables;

最初のインポート:

リーリー

themes/default.scss は、すべての css 変数を sass 変数に基づいています。

CSS 変数を使用してデフォルトを変更すると、ダーク モード、テーマ スイッチャーなどを使用できるようになります。

リーリー