ボタン一旦開発完了

クラス名

el_btn

<a href="" class="el_btn">ボタン</a>

機能
リンクボタンや送信ボタンなどリンクをしたり何かを操作する

あしらい・振る舞い
キーカラーを背景色、文字色を白にする
テキストリンクの場合は、右側にchevron
マウスオーバー時はアウトラインとして反転する
クリックした時は「押した」ように動く（ドロップシャドウの方向へ影のサイズ分移動）
フォーカス時は周りにアウトラインを表示

特記事項
<a> <input> <button> タグいずれでも使えるようにする

el_btn__subcolor, el_btn__accent

<a href="" class="el_btn el_btn__subcolor">サブカラーボタン</a>
<a href="" class="el_btn el_btn__accent">アクセントカラーボタン</a>

あしらい・振る舞い
サブカラー、アクセントカラーのボタン

el_btn__sm, el_btn__lg

<a href="" class="el_btn el_btn__sm">小さいボタン</a>
<a href="" class="el_btn el_btn__lg">大きなボタン</a>

あしらい・振る舞い
小さいボタンと大きいボタン

assets/scss/element/button