@cw-devops/bk-magic-vue/lib/ui/link.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.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:#3a84ff
    }
.bk-link.is-primary:hover{
            color:#699df4;
        }
.bk-link.is-primary.is-disabled{
            color:#a3c5fd;
        }
.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;
    }