Default - 按钮

<ul class="gu-list"> <li class="item"> <a href="?" class="gu-btn gu-btn-s">Button</a> <button class="gu-btn gu-btn-s">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-s" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-m">Button</a> <button class="gu-btn gu-btn-m">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-m" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-l">Button</a> <button class="gu-btn gu-btn-l">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-l" /> </li> </ul>

Disabled - 按钮

<ul class="gu-list"> <li class="item"> <a href="?" class="gu-btn gu-btn-s gu-btn-disabled">Button</a> <button class="gu-btn gu-btn-s gu-btn-disabled">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-s gu-btn-disabled" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-m gu-btn-disabled">Button</a> <button class="gu-btn gu-btn-m gu-btn-disabled">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-m gu-btn-disabled" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-l gu-btn-disabled">Button</a> <button class="gu-btn gu-btn-l gu-btn-disabled">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-l gu-btn-disabled" /> </li> </ul>

Light Button

<ul class="gu-list"> <li class="item"> <a href="?" class="gu-btn gu-btn-light gu-btn-s">Button</a> <button class="gu-btn gu-btn-light gu-btn-s">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-light gu-btn-s" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-light gu-btn-m">Button</a> <button class="gu-btn gu-btn-light gu-btn-m">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-light gu-btn-m" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-light gu-btn-l">Button</a> <button class="gu-btn gu-btn-light gu-btn-l">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-light gu-btn-l" /> </li> </ul>

Normal Button

<ul class="gu-list"> <li class="item"> <a href="?" class="gu-btn gu-btn-normal gu-btn-s">Button</a> <button class="gu-btn gu-btn-normal gu-btn-s">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-normal gu-btn-s" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-normal gu-btn-m">Button</a> <button class="gu-btn gu-btn-normal gu-btn-m">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-normal gu-btn-m" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-normal gu-btn-l">Button</a> <button class="gu-btn gu-btn-normal gu-btn-l">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-normal gu-btn-l" /> </li> </ul>

Info Button

<ul class="gu-list"> <li class="item"> <a href="?" class="gu-btn gu-btn-info gu-btn-s">Button</a> <button class="gu-btn gu-btn-info gu-btn-s">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-info gu-btn-s" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-info gu-btn-m">Button</a> <button class="gu-btn gu-btn-info gu-btn-m">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-info gu-btn-m" /> </li> <li class="item"> <a href="?" class="gu-btn gu-btn-info gu-btn-l">Button</a> <button class="gu-btn gu-btn-info gu-btn-l">Button</button> <input type="button" value="Button" class="gu-btn gu-btn-info gu-btn-l" /> </li> </ul>

Stacked Button

<ul class="gu-list"> <li class="item"> <input type="button" value="Button" class="gu-btn gu-btn-l gu-btn-stacked" /> </li> <li class="item"> <input type="button" value="Button" class="gu-btn gu-btn-light gu-btn-l gu-btn-stacked" /> </li> <li class="item"> <input type="button" value="Button" class="gu-btn gu-btn-normal gu-btn-l gu-btn-stacked" /> </li> <li class="item"> <input type="button" value="Button" class="gu-btn gu-btn-info gu-btn-l gu-btn-stacked" /> </li> <li class="item"> <input type="button" value="Button" class="gu-btn gu-btn-disabled gu-btn-l gu-btn-stacked" /> </li> </ul>