@import

    "../base/mixin",
    "../base/variable";

.ui-label{
    display: inline-block;
    position: relative;
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    @include border-radius(#cacccd,15px,30px);
    &:active{
        background-color: #f3f2f2;
    }
}
.ui-label-list{
    margin: 0 10px;
    .ui-label{
        margin: 0 10px 10px 0;
    }
}
.ui-label-s{
    font-size: 11px;
    line-height: 13px;
    display: inline-block;
    position: relative;
    padding: 0 1px;
    color: #ff7f0d;
    @include border-radius(#ff7f0d,2px,4px);
    &:active{
        background-color: #f3f2f2;
    }
    &:after{
        content: "";
        position: absolute;
        top: -5px;
        bottom: -5px;
        left: -5px;
        right: -5px;
    }
}