bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
107 lines (106 loc) • 2.32 kB
CSS
.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:active{
color:#1768ef;
}
.bk-link.is-primary:visited{
color:#699df4;
}
.bk-link.is-primary.is-disabled{
color:#a3c5fd;
}
.bk-link.is-success{
color:#2dcb56
}
.bk-link.is-success:hover{
color:#44e360;
}
.bk-link.is-success:active{
color:#1bb943;
}
.bk-link.is-success:visited{
color:#44e360;
}
.bk-link.is-success.is-disabled{
color:#94f5a4;
}
.bk-link.is-warning{
color:#ff9c01
}
.bk-link.is-warning:hover{
color:#ffb849;
}
.bk-link.is-warning:active{
color:#eb9000;
}
.bk-link.is-warning:visited{
color:#ffb849;
}
.bk-link.is-warning.is-disabled{
color:#ffd695;
}
.bk-link.is-danger{
color:#ea3636
}
.bk-link.is-danger:hover{
color:#fe5657;
}
.bk-link.is-danger:active{
color:#da2726;
}
.bk-link.is-danger:visited{
color:#fe5657;
}
.bk-link.is-danger.is-disabled{
color:#fd9c9c;
}
.bk-link.is-disabled{
cursor:not-allowed;
}
.bk-link.has-underline{
text-decoration:underline;
}