<a href="#" class="%{STYLEGUIDE_PAGE}-btn">regularなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat">flatなボタン</a>
<a href="#" class="%{STYLEGUIDE_PAGE}-btn-admin">デフォルトのボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-admin %{STYLEGUIDE_PAGE}-btn-admin-primary">primaryなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-admin %{STYLEGUIDE_PAGE}-btn-admin-info">infoなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-admin %{STYLEGUIDE_PAGE}-btn-admin-danger">dangerなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-admin %{STYLEGUIDE_PAGE}-btn-admin-primary %{STYLEGUIDE_PAGE}-btn-admin-save">保存用</a>
<a href="#" class="%{STYLEGUIDE_PAGE}-btn">デフォルトなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-primary">Primaryなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-info">Infoなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-success">Successなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-warning">Warningなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-danger">Dangerなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-link">Linkなボタン</a>
<a class="%{STYLEGUIDE_PAGE}-btn" href="#">リンク</a> <button class="%{STYLEGUIDE_PAGE}-btn" type="submit">ボタン</button> <input class="%{STYLEGUIDE_PAGE}-btn" type="button" value="インプット"> <input class="%{STYLEGUIDE_PAGE}-btn" type="submit" value="サブミット">
<a href="#" class="%{STYLEGUIDE_PAGE}-btn">regularなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-hover">hoverなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-active">activeなボタン</a>
用意したもの4種類
<a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-small">smallなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn">normalなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-large">largeなボタン</a>
<button type="button" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-block">Block Levelなボタン</button>
<button type="button" class="%{STYLEGUIDE_PAGE}-btn" disabled="disabled">disabledなボタン</button> <a href="#" class="%{STYLEGUIDE_PAGE}-btn %{STYLEGUIDE_PAGE}-btn-disabled">クラス名がdisabledなボタン</a>
<a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat">デフォルトなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-flat-primary">Primaryなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-flat-info">Infoなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-flat-success">Successなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-flat-warning">Warningなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-flat-danger">Dangerなボタン</a>
<a class="%{STYLEGUIDE_PAGE}-btn-flat" href="#">リンク</a> <button class="%{STYLEGUIDE_PAGE}-btn-flat" type="submit">ボタン</button> <input class="%{STYLEGUIDE_PAGE}-btn-flat" type="button" value="インプット"> <input class="%{STYLEGUIDE_PAGE}-btn-flat" type="submit" value="サブミット">
<a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat">regularなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-hover">hoverなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-active">activeなボタン</a>
用意したもの4種類
<a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-small">smallなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat">normalなボタン</a> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-large">largeなボタン</a>
<button type="button" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-block">Block Levelなボタン</button>
<button type="button" class="%{STYLEGUIDE_PAGE}-btn-flat" disabled="disabled">disabledなボタン</button> <a href="#" class="%{STYLEGUIDE_PAGE}-btn-flat %{STYLEGUIDE_PAGE}-btn-disabled">クラス名がdisabledなボタン</a>