@charset "utf-8";
@import "../lib/widget/yo-tab";

/**
 * yo-tab扩展
 */

@include yo-tab(
    $name: filter,
    $height: .5rem,
    $border-width: 0 0 1px 0,
    $item-border-height: .2rem,
    $bgcolor:map-get($base,bg-color),
    $color:map-get($base,base-color),
    $on-color:map-get($base,base-blue),
    $on-bgcolor:map-get($base,base-white),
    $font-size:map-get($benmu-font,font-16)
){
    .item-on{
        border-bottom:3px solid #45c4dd;
        font-weight: bold;
    }
}
@include yo-tab(
    $name: nav,
    $height: .45rem,
    $border-width: 0,
    $item-border-height: .2rem,
    $bgcolor: #f9f9f9,
    $color:map-get($base,base-color),
    $on-color:map-get($base,base-blue-v1),
    $on-bgcolor:map-get($base,base-white),
    $font-size:map-get($benmu-font,font-16)
)
@include yo-tab(
    $name: height,
    $height: auto
)
@include yo-tab(
    $name: guide,
    $height: .29rem,
    $border-width: 0,
    $bgcolor:map-get($base,bg-color),
    $color:map-get($base,base-blue-v1),
    $on-color:map-get($base,base-blue-v1),
    $on-bgcolor:map-get($base,base-white),
    $font-size:map-get($benmu-font,font-13)
)