Example
Markup
<div class="grid-12 grid-parent layout_centerVertical">
<div class="grid-2 text_fontSizeSmaller layout_center"> </div>
<div class="grid-2 text_fontSizeSmaller layout_center">btn</div>
<div class="grid-2 text_fontSizeSmaller layout_center">btn_short</div>
<div class="grid-2 text_fontSizeSmaller layout_center">btn_shorter</div>
</div>
<div class="grid-12 grid-parent layout_centerVertical">
<div class="grid-2 text_fontSizeSmaller layout_center">btn</div>
<div class="grid-2 layout_center">
<a class="btn">click me</a>
</div>
<div class="grid-2 layout_center">
<a class="btn btn_short">click me</a>
</div>
<div class="grid-2 layout_center">
<a class="btn btn_shorter">click me</a>
</div>
</div>
<div class="grid-12 grid-parent layout_centerVertical">
<div class="grid-2 text_fontSizeSmaller layout_center">btn_narrow</div>
<div class="grid-2 layout_center">
<a class="btn btn_narrow">click me</a>
</div>
<div class="grid-2 layout_center">
<a class="btn btn_narrow btn_short">click me</a>
</div>
<div class="grid-2 layout_center">
<a class="btn btn_narrow btn_shorter">click me</a>
</div>
</div>
<div class="grid-12 grid-parent layout_centerVertical">
<div class="grid-2 text_fontSizeSmaller layout_center">btn_narrower</div>
<div class="grid-2 layout_center">
<a class="btn btn_narrower">click me</a>
</div>
<div class="grid-2 layout_center">
<a class="btn btn_narrower btn_short">click me</a>
</div>
<div class="grid-2 layout_center">
<a class="btn btn_narrower btn_shorter">click me</a>
</div>
</div>
Source:
modules/05_user_interface/buttons.less
, line 77