body {
|
.mk-btn:hover {
|
opacity: 0.8;
|
}
|
|
// 蓝色
|
.mk-primary, .mk-primary:hover, .mk-primary:active, .mk-primary:focus {
|
color: #fff;
|
background-color: #1890ff;
|
border-color: #1890ff;
|
}
|
|
.mk-border-primary, .mk-border-primary:hover, .mk-border-primary:active, .mk-border-primary:focus {
|
color: #1890ff;
|
background-color: #fff;
|
border-color: #1890ff;
|
}
|
|
// 青色
|
.mk-cyan, .mk-cyan:hover, .mk-cyan:active, .mk-cyan:focus {
|
color: #fff;
|
background-color: #13c2c2;
|
border-color: #13c2c2;
|
}
|
|
// 默认与虚线
|
.mk-default, .mk-default:hover, .mk-default:active, .mk-default:focus {
|
color: rgba(0, 0, 0, 0.65);
|
background-color: #fff;
|
border-color: #d9d9d9;
|
}
|
|
.mk-dashed, .mk-dashed:hover, .mk-dashed:active, .mk-dashed:focus {
|
color: rgba(0, 0, 0, 0.65);
|
background-color: #fff;
|
border-color: #d9d9d9;
|
border-style: dashed;
|
}
|
|
.mk-default:hover, .mk-dashed:hover {
|
color: #1890ff;
|
border-color: #1890ff;
|
}
|
|
// 红色
|
.mk-danger, .mk-danger:hover, .mk-danger:active, .mk-danger:focus {
|
color: #fff;
|
background-color: #ff4d4f;
|
border-color: #ff4d4f;
|
}
|
|
// 红色
|
.mk-red, .mk-red:hover, .mk-red:active, .mk-red:focus {
|
color: #fff;
|
background-color: #ff4d4f;
|
border-color: #ff4d4f;
|
}
|
|
.mk-border-danger, .mk-border-danger:hover, .mk-border-danger:active, .mk-border-danger:focus {
|
color: #ff4d4f;
|
background-color: #fff;
|
border-color: #ff4d4f;
|
}
|
|
// 绿色
|
.mk-green, .mk-green:hover, .mk-green:active, .mk-green:focus {
|
color: #FFF;
|
background-color: #26C281;
|
border-color: #26C281;
|
}
|
|
.mk-border-green, .mk-border-green:hover, .mk-border-green:active, .mk-border-green:focus {
|
color: #26C281;
|
background-color: #fff;
|
border-color: #26C281;
|
}
|
|
// 深绿色
|
.mk-dgreen, .mk-dgreen:hover, .mk-dgreen:active, .mk-dgreen:focus {
|
color: #FFF;
|
background-color: #32c5d2;
|
border-color: #32c5d2;
|
}
|
|
.mk-border-dgreen, .mk-border-dgreen:hover, .mk-border-dgreen:active, .mk-border-dgreen:focus {
|
color: #32c5d2;
|
background-color: #fff;
|
border-color: #32c5d2;
|
}
|
|
// 紫色
|
.mk-purple, .mk-purple:hover, .mk-purple:active, .mk-purple:focus {
|
color: #fff;
|
background-color: #8E44AD;
|
border-color: #8E44AD;
|
}
|
|
.mk-border-purple, .mk-border-purple:hover, .mk-border-purple:active, .mk-border-purple:focus {
|
color: #8E44AD;
|
background-color: #fff;
|
border-color: #8E44AD;
|
}
|
|
// 黄色
|
.mk-yellow, .mk-yellow:hover, .mk-yellow:active, .mk-yellow:focus {
|
color: #fff;
|
background-color: #c49f47;
|
border-color: #c49f47;
|
}
|
|
.mk-border-yellow, .mk-border-yellow:hover, .mk-border-yellow:active, .mk-border-yellow:focus {
|
color: #c49f47;
|
background-color: #fff;
|
border-color: #c49f47;
|
}
|
|
// 橙色
|
.mk-orange, .mk-orange:hover, .mk-orange:active, .mk-orange:focus {
|
color: #fff;
|
background-color: orange;
|
border-color: orange;
|
}
|
|
.mk-border-orange, .mk-border-orange:hover, .mk-border-orange:active, .mk-border-orange:focus {
|
color: orange;
|
background-color: #fff;
|
border-color: orange;
|
}
|
|
// 灰色
|
.mk-gray, .mk-gray:hover, .mk-gray:active, .mk-gray:focus {
|
color: #666;
|
background-color: #e1e5ec;
|
border-color: #e1e5ec;
|
}
|
|
// 图标颜色
|
.mk-icon, .mk-icon:hover, .mk-icon:active, .mk-icon:focus {
|
background: transparent;
|
border-color: transparent;
|
}
|
.mk-icon.mk-gray {
|
color: #666;
|
}
|
.mk-icon.mk-primary, .mk-icon.mk-border-primary {
|
color: #1890ff;
|
}
|
.mk-icon.mk-cyan {
|
color: #13c2c2;
|
}
|
.mk-icon.mk-default, .mk-icon.mk-dashed {
|
color: rgba(0, 0, 0, 0.65);
|
}
|
.mk-icon.mk-danger, .mk-icon.mk-red, .mk-icon.mk-border-danger {
|
color: #ff4d4f;
|
}
|
.mk-icon.mk-green, .mk-icon.mk-border-green {
|
color: #26C281;
|
}
|
.mk-icon.mk-dgreen, .mk-icon.mk-border-dgreen {
|
color: #32c5d2;
|
}
|
.mk-icon.mk-purple, .mk-icon.mk-border-purple {
|
color: #8E44AD;
|
}
|
.mk-icon.mk-yellow, .mk-icon.mk-border-yellow {
|
color: #c49f47;
|
}
|
.mk-icon.mk-orange, .mk-icon.mk-border-orange {
|
color: orange;
|
}
|
|
// 链接颜色
|
.mk-link, .mk-link:hover, .mk-link:active, .mk-link:focus {
|
background: transparent;
|
border-color: transparent;
|
line-height: 1.5;
|
.anticon {
|
margin-left: 0px;
|
line-height: inherit;
|
}
|
span + .anticon {
|
margin-left: 5px;
|
}
|
}
|
.mk-link.mk-gray {
|
color: #666;
|
}
|
.mk-link.mk-primary, .mk-link.mk-border-primary {
|
color: #1890ff;
|
}
|
.mk-link.mk-cyan {
|
color: #13c2c2;
|
}
|
.mk-link.mk-default, .mk-link.mk-dashed {
|
color: rgba(0, 0, 0, 0.65);
|
}
|
.mk-link.mk-danger, .mk-link.mk-red, .mk-link.mk-border-danger {
|
color: #ff4d4f;
|
}
|
.mk-link.mk-green, .mk-link.mk-border-green {
|
color: #26C281;
|
}
|
.mk-link.mk-dgreen, .mk-link.mk-border-dgreen {
|
color: #32c5d2;
|
}
|
.mk-link.mk-purple, .mk-link.mk-border-purple {
|
color: #8E44AD;
|
}
|
.mk-link.mk-yellow, .mk-link.mk-border-yellow {
|
color: #c49f47;
|
}
|
.mk-link.mk-orange, .mk-link.mk-border-orange {
|
color: orange;
|
}
|
}
|
