<div class="yo-tab"> <a href="#" class="item">Home</a> <a href="#" class="item">Favorites</a> <a href="#" class="item">Settings</a> </div>
<div class="yo-tab yo-tab-test"> <a href="#" class="item">Home</a> <a href="#" class="item">Favorites</a> <a href="#" class="item">Settings</a> </div>
<div class="yo-tab"> <a href="#" class="item item-only-ico"> <i class="yo-ico">&#xf015;</i> </a> <a href="#" class="item item-only-ico"> <i class="yo-ico">&#xf005;</i> </a> <a href="#" class="item item-only-ico"> <i class="yo-ico">&#xf013;</i> </a> </div>
<div class="yo-tab"> <a href="#" class="item item-top-ico"> <i class="yo-ico">&#xf015;</i> Home </a> <a href="#" class="item item-top-ico"> <i class="yo-ico">&#xf005;</i> Favorites </a> <a href="#" class="item item-top-ico"> <i class="yo-ico">&#xf013;</i> Settings </a> </div>
<div class="yo-tab"> <a href="#" class="item item-left-ico"> <i class="yo-ico">&#xf015;</i> Home </a> <a href="#" class="item item-left-ico"> <i class="yo-ico">&#xf005;</i> Favorites </a> <a href="#" class="item item-left-ico"> <i class="yo-ico">&#xf013;</i> Settings </a> </div>
@include yo-tab(
    $name:default, //{default | String} yo-tab名称
    $is-border:default, //{default | Booln} yo-tab是否有外边框
    $is-item-border:default, //{default | Booln} yo-tab是否有间隔线
    $height:default, //{default | Length} yo-tab高度
    $bordercolor:default, //{default | Color} yo-tab外边框色
    $bgcolor:default, //{default | Color} yo-tab背景色
    $color:default, //{default | Color} yo-tab文本色
    $on-bordercolor:default, //{default | Color} yo-tab激活外边框色
    $on-bgcolor:default, //{default | Color} yo-tab激活背景色
    $on-color:default, //{default | Color} yo-tab激活文本色
    $font-size:default, //{default | Length} yo-tab文本大小
    $x-ico-size:default, //{default | Length} yo-tab横向图标大小
    $y-ico-size:default, //{default | Length} yo-tab纵向图标大小
    $only-ico-size:default //{default | Length} yo-tab仅有图标大小
)