Button 1
a.button-ut
背景色塗り、テキストのみのシンプルなボタン。アイコンをつけることも可能
基本的に button は ul.nav-ut-handling の中に入れて使用する
.nav-ut-handling を使用ないと横幅いっぱい
a.button-ut.type-flowing
よく使う
| 分類 | .button-ut につける class | 表示 |
|---|---|---|
| primary | .model-primary | 購入 |
| secondary | .model-secondary | お問合せ |
| .model-secondary.type-icon.icon-download-01-white.type-tail | ダウンロード | |
| .model-secondary.type-icon.icon-mail-01-white.type-tail | 送信 | |
| category | .model-category | カテゴリー |
| .model-category.st-active | カテゴリー | |
| sub-category | .model-sub-category | サブカテゴリー |
| .model-sub-category.st-active | サブカテゴリー | |
| forward | .model-forward | 詳細はこちら |
アイコン
アイコン先頭
.button-ut.type-icon.type-fixed.icon-mail
アイコンの左位置は固定
アイコン先頭 もじ寄り .type-proportional
.button-ut.type-icon.icon-mail
アイコン末尾
.button-ut.type-icon.type-fixed.icon-mail.type-tail
アイコン末尾 もじ寄り
.button-ut.type-icon.icon-mail.type-tail.type-proportional
アイコン種類
アイコン種類
国
アイコンテキストなし
アイコンテキストなし 小