bk-vue-cec/lib/ui/link.css

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

.bk-link{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    vertical-align:middle;
    text-decoration:none;
    cursor:pointer;
    line-height:20px;
}
.bk-link .bk-link-icon{
        font-size:14px
    }
.bk-link .bk-link-icon.is-left{
            margin-right:4px;
        }
.bk-link .bk-link-icon.is-right{
            margin-left:4px;
        }
.bk-link .bk-link-text{
        font-size:14px;
    }
.bk-link.is-default{
        color:#63656e
    }
.bk-link.is-default:hover{
            color:#979ba5;
        }
.bk-link.is-default.is-disabled{
            color:#dcdee5;
        }
.bk-link.is-primary{
        color:#006DFF
    }
.bk-link.is-primary:hover{
            color:rgba(0,109,255,0.85098);
        }
.bk-link.is-primary.is-disabled{
            color:#99C5FF;
        }
.bk-link.is-success{
        color:#2DCB56
    }
.bk-link.is-success:hover{
            color:#45E35F;
        }
.bk-link.is-success.is-disabled{
            color:#94F5A4;
        }
.bk-link.is-warning{
        color:#FF9C01
    }
.bk-link.is-warning:hover{
            color:#FFB848;
        }
.bk-link.is-warning.is-disabled{
            color:#FFD695;
        }
.bk-link.is-danger{
        color:#EA3636
    }
.bk-link.is-danger:hover{
            color:#FF5656;
        }
.bk-link.is-danger.is-disabled{
            color:#FD9C9C;
        }
.bk-link.is-disabled{
        cursor:not-allowed;
    }
.bk-link.has-underline{
        text-decoration:underline;
    }