#root {
|
.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-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: #096dd9;
|
border-color: #096dd9;
|
}
|
|
// 红色
|
.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-gray, .mk-gray:hover, .mk-gray:active, .mk-gray:focus {
|
color: #666;
|
background-color: #e1e5ec;
|
border-color: #e1e5ec;
|
}
|
}
|