nlog

とめどなく流れるよだれ

Bulma Doc ( Modifiers ) を読んだ

Bulma Modifiers を読んだ。

Bulma の CSS クラスについて。ほとんどの要素は修飾子( Modifier )を持っていて、この修飾子のクラス名は .is- または .has- 接頭辞から始まる。たとえば .button クラスは単体として使ってもボタンを表示できるが、.button.is-primary とするとプライマリーボタン(色違いのボタン)を表示する。同様に、.button.is-large とすれば大きなボタン(サイズ違いのボタン)を、.button.is-outline とすれば枠線だけのボタン(塗りか枠線の選択)を、.button.is-loading とすればローディングボタンを、.button[disabled] とすると無効なボタンを表示する。これらは組み合わせて使うこともできるので、.button.is-primary.is-large で大きなプライマリーボタンを表示できる。

.is-clearfix や  .is-marginless などの一般的なヘルパークラスも用意されている。また、その他のヘルパークラスに display 関連をまとめたレスポンシブヘルパークラスや、色の指定ができるカラーヘルパークラス(これは .has- 接頭辞で始まる)、文字のサイズ・色・ウエイト・書式方向などを指定できるタイポグラフィヘルパークラスがある。