背景色塗り、テキストのみのシンプルなボタン。アイコンをつけることも可能
基本的に 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
アイコンの左位置は固定
.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