king
2019-10-12 c7f79abded9ad2e29f297da4a04a641b96b61c5e
src/assets/css/action.scss
@@ -1,107 +1,116 @@
.mk-btn:hover {
  opacity: 0.8;
}
#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-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-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-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-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-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-danger, .mk-danger:hover, .mk-danger:active, .mk-danger: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-red, .mk-red:hover, .mk-red:active, .mk-red:focus {
    color: #fff;
    background-color: #ff4d4f;
    border-color: #ff4d4f;
  }
// 绿色
.mk-green, .mk-green:hover, .mk-green:active, .mk-green:focus {
  color: #FFF;
  background-color: #26C281;
  border-color: #26C281;
}
  .mk-border-danger, .mk-border-danger:hover, .mk-border-danger:active, .mk-border-danger:focus {
    color: #ff4d4f;
    background-color: #fff;
    border-color: #ff4d4f;
  }
.mk-border-green, .mk-border-green:hover, .mk-border-green:active, .mk-border-green:focus {
  color: #26C281;
  background-color: #fff;
  border-color: #26C281;
}
  // 绿色
  .mk-green, .mk-green:hover, .mk-green:active, .mk-green:focus {
    color: #FFF;
    background-color: #26C281;
    border-color: #26C281;
  }
// 深绿色
.mk-dgreen, .mk-dgreen:hover, .mk-dgreen:active, .mk-dgreen:focus {
  color: #FFF;
  background-color: #32c5d2;
  border-color: #32c5d2;
}
  .mk-border-green, .mk-border-green:hover, .mk-border-green:active, .mk-border-green:focus {
    color: #26C281;
    background-color: #fff;
    border-color: #26C281;
  }
.mk-border-dgreen, .mk-border-dgreen:hover, .mk-border-dgreen:active, .mk-border-dgreen:focus {
  color: #32c5d2;
  background-color: #fff;
  border-color: #32c5d2;
}
  // 深绿色
  .mk-dgreen, .mk-dgreen:hover, .mk-dgreen:active, .mk-dgreen:focus {
    color: #FFF;
    background-color: #32c5d2;
    border-color: #32c5d2;
  }
// 紫色
.mk-purple, .mk-purple:hover, .mk-purple:active, .mk-purple:focus {
  color: #fff;
  background-color: #8E44AD;
  border-color: #8E44AD;
}
  .mk-border-dgreen, .mk-border-dgreen:hover, .mk-border-dgreen:active, .mk-border-dgreen:focus {
    color: #32c5d2;
    background-color: #fff;
    border-color: #32c5d2;
  }
.mk-border-purple, .mk-border-purple:hover, .mk-border-purple:active, .mk-border-purple:focus {
  color: #8E44AD;
  background-color: #fff;
  border-color: #8E44AD;
}
  // 紫色
  .mk-purple, .mk-purple:hover, .mk-purple:active, .mk-purple:focus {
    color: #fff;
    background-color: #8E44AD;
    border-color: #8E44AD;
  }
// 黄色
.mk-yellow, .mk-yellow:hover, .mk-yellow:active, .mk-yellow:focus {
  color: #fff;
  background-color: #c49f47;
  border-color: #c49f47;
}
  .mk-border-purple, .mk-border-purple:hover, .mk-border-purple:active, .mk-border-purple:focus {
    color: #8E44AD;
    background-color: #fff;
    border-color: #8E44AD;
  }
.mk-border-yellow, .mk-border-yellow:hover, .mk-border-yellow:active, .mk-border-yellow:focus {
  color: #c49f47;
  background-color: #fff;
  border-color: #c49f47;
}
  // 黄色
  .mk-yellow, .mk-yellow:hover, .mk-yellow:active, .mk-yellow:focus {
    color: #fff;
    background-color: #c49f47;
    border-color: #c49f47;
  }
// 灰色
.mk-gray, .mk-gray:hover, .mk-gray:active, .mk-gray:focus {
  color: #666;
  background-color: #e1e5ec;
  border-color: #e1e5ec;
}
  .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;
  }
}