Closed qrac closed 4 years ago
ボタンに付与するBox Shadow(主に色)は、ボタンスタイルに応じたものを作る場合が多くなっている。
現状の is-floating は、Box Shadow自体をSCSS変数でカスタマイズできるが、.is-primary.is-floating だけの色を変えるなどの細かい設定はできない。
is-floating
.is-primary.is-floating
そこで、デフォルトの変数と役割ごとの変数を分離し、一括編集と詳細編集の両方を可能にする。
// ex: $default-floating-shadow: 0 4px 12px 0 red; $primary-floating-shadow: $default-floating-shadow; .button.is-primary { box-shadow: $primary-floating-shadow; }
v7.0.0から反映。
ボタンに付与するBox Shadow(主に色)は、ボタンスタイルに応じたものを作る場合が多くなっている。
現状の
is-floating
は、Box Shadow自体をSCSS変数でカスタマイズできるが、.is-primary.is-floating
だけの色を変えるなどの細かい設定はできない。そこで、デフォルトの変数と役割ごとの変数を分離し、一括編集と詳細編集の両方を可能にする。