ボタン

<a href="#" class="acms-btn">regularなボタン</a>
<a href="#" class="acms-btn-flat">flatなボタン</a>

管理画面用ボタン

デフォルトのボタン primaryなボタン infoなボタン dangerなボタン 保存用
<a href="#" class="acms-btn-admin">デフォルトのボタン</a>
<a href="#" class="acms-btn-admin acms-btn-admin-primary">primaryなボタン</a>
<a href="#" class="acms-btn-admin acms-btn-admin-info">infoなボタン</a>
<a href="#" class="acms-btn-admin acms-btn-admin-danger">dangerなボタン</a>
<a href="#" class="acms-btn-admin acms-btn-admin-primary acms-btn-admin-save">保存用</a>

デフォルトのボタン

ボタンの色

デフォルトなボタン Primaryなボタン Infoなボタン Successなボタン Warningなボタン Dangerなボタン Linkなボタン
<a href="#" class="acms-btn">デフォルトなボタン</a>
<a href="#" class="acms-btn acms-btn-primary">Primaryなボタン</a>
<a href="#" class="acms-btn acms-btn-info">Infoなボタン</a>
<a href="#" class="acms-btn acms-btn-success">Successなボタン</a>
<a href="#" class="acms-btn acms-btn-warning">Warningなボタン</a>
<a href="#" class="acms-btn acms-btn-danger">Dangerなボタン</a>
<a href="#" class="acms-btn acms-btn-link">Linkなボタン</a>

各HTML要素にボタン

リンク
<a class="acms-btn" href="#">リンク</a>
<button class="acms-btn" type="submit">ボタン</button>
<input class="acms-btn" type="button" value="インプット">
<input class="acms-btn" type="submit" value="サブミット">

ボタンの動き

regularなボタン hoverなボタン activeなボタン
<a href="#" class="acms-btn">regularなボタン</a>
<a href="#" class="acms-btn acms-btn-hover">hoverなボタン</a>
<a href="#" class="acms-btn acms-btn-active">activeなボタン</a>

ボタンの大きさ

用意したもの4種類

smallなボタン normalなボタン largeなボタン
<a href="#" class="acms-btn acms-btn-small">smallなボタン</a>
<a href="#" class="acms-btn">normalなボタン</a>
<a href="#" class="acms-btn acms-btn-large">largeなボタン</a>
<button type="button" class="acms-btn acms-btn-block">Block Levelなボタン</button>

押せないボタン

クラス名がdisabledなボタン
<button type="button" class="acms-btn" disabled="disabled">disabledなボタン</button>
<a href="#" class="acms-btn acms-btn-disabled">クラス名がdisabledなボタン</a>

フラットボタン

ボタンの色

デフォルトなボタン Primaryなボタン Infoなボタン Successなボタン Warningなボタン Dangerなボタン
<a href="#" class="acms-btn-flat">デフォルトなボタン</a>
<a href="#" class="acms-btn-flat acms-btn-flat-primary">Primaryなボタン</a>
<a href="#" class="acms-btn-flat acms-btn-flat-info">Infoなボタン</a>
<a href="#" class="acms-btn-flat acms-btn-flat-success">Successなボタン</a>
<a href="#" class="acms-btn-flat acms-btn-flat-warning">Warningなボタン</a>
<a href="#" class="acms-btn-flat acms-btn-flat-danger">Dangerなボタン</a>

各HTML要素にボタン

リンク
<a class="acms-btn-flat" href="#">リンク</a>
<button class="acms-btn-flat" type="submit">ボタン</button>
<input class="acms-btn-flat" type="button" value="インプット">
<input class="acms-btn-flat" type="submit" value="サブミット">

ボタンの動き

regularなボタン hoverなボタン activeなボタン
<a href="#" class="acms-btn-flat">regularなボタン</a>
<a href="#" class="acms-btn-flat acms-btn-hover">hoverなボタン</a>
<a href="#" class="acms-btn-flat acms-btn-active">activeなボタン</a>

ボタンの大きさ

用意したもの4種類

smallなボタン normalなボタン largeなボタン
<a href="#" class="acms-btn-flat acms-btn-small">smallなボタン</a>
<a href="#" class="acms-btn-flat">normalなボタン</a>
<a href="#" class="acms-btn-flat acms-btn-large">largeなボタン</a>
<button type="button" class="acms-btn-flat acms-btn-block">Block Levelなボタン</button>

押せないボタン

クラス名がdisabledなボタン
<button type="button" class="acms-btn-flat" disabled="disabled">disabledなボタン</button>
<a href="#" class="acms-btn-flat acms-btn-disabled">クラス名がdisabledなボタン</a>