Button 1
a.button-ut
背景色塗り、テキストのみのシンプルなボタン。アイコンをつけることも可能
どさりと音がして眼から火が出た。それまでは記憶しているがあとは何の事やらいくら考え出そうとしても分らない。山頂から見つかった古い時代の木の化石
.type-full 全幅になる
サンプルサンプル
よく使う
| 分類 | .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
アイコン種類
アイコン種類
国
アイコンテキストなし
アイコンテキストなし 小