Button：ボタンのClass名をbtnからbuttonに変更

[qrac]

ボタンだけ省略名が使われているため違和感を感じる。当時はBootstrapを参考にして .btn は一般的なんだなと採用した経緯がある。Bulmaなどは .button が使われている。

変更の場合は .btns も .buttons、SCSS変数名も全て修正する事になる。

• Buttons · Bootstrap
• Button | Bulma: Free, open source, & modern CSS framework based on Flexbox
• Button | Framework7 Documentation
• Material Design Lite
• Button - Vue Material

[qrac]

v6以前のプロジェクトにv7以降を適応できるよう、ボタンのclass名を変数化しておく。変数のオーバーライドでどちらのボタンクラスでもスタイルが当たるようにできる。

$buttons-class: ".buttons, .btns";
$buttons-bar-class: ".buttons, .btns, .field";
$button-class: ".button, .btn";

[qrac]

v7.0.0 alpha版にて実装完了。