ダウンロード

CSS変数を使ったカスタマイズ


Bulmaが容易なカスタマイズを可能にするためにSass変数をどのように使用しているかをご覧ください。

BulmaはCSS変数(CSSカスタムプロパティとも呼ばれる)を広く使用しています。詳しくは専用ページをご覧ください。

ブラウザでのカスタマイズ #

開発者コンソールを開いてCSS変数の値を変更するだけで、現在のBulmaを変更できます。

:rootスコープでCSS変数を設定すると、Bulmaのデフォルトテーマを上書きします。これはSassまたはCSSを使用して行うことができます。

このCSSメソッドを試すには、次の手順に従ってください。

ブラウザのインスペクターを開きます。

Step

html要素を選択します。

Step

--bulma-link-h変数(リンクカラーの色相)に新しい値を入力します。

Step

サイドメニューのCSSヘルパーセクションの色がどのように変化するかを確認してください。

Step

Bulmaの支援方法

#native_company# #native_desc#
#native_cta#