半円ボタン(アウトライン)一旦開発完了

半円ボタン   使用停止   選択中

     

     

クラス名

el_btnPillOL

マークアップ例

<a href="" class="el_btnPillOL">半円ボタン</a>

定義

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

あしらい・振る舞い
背景色を白に、文字色をキーカラーにする
マウスオーバー時はサブカラーを背景色、文字色を白にする
フォーカス時には線(アウトライン)で囲む
使えないときの設定をする
選択中 is_current はマウスオーバ時と似た感じに

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

ファイルパス

assets/scss/element/button-pill-outline

Change Log

  1. 開発開始:2021-07-12
  2. 最終更新:2021-09-21