qrac / musubii

Simple CSS Framework for JP
https://musubii.qranoko.jp
150 stars 6 forks source link

Button:役割ごとのFloating設定を可能にする #262

Closed qrac closed 4 years ago

qrac commented 4 years ago

image

ボタンに付与するBox Shadow(主に色)は、ボタンスタイルに応じたものを作る場合が多くなっている。

現状の is-floating は、Box Shadow自体をSCSS変数でカスタマイズできるが、.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;
}
qrac commented 4 years ago

v7.0.0から反映。