personnel.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @import '../setting.less';
  2. #appBody.light {
  3. //人员矩阵
  4. .personnel {
  5. .personnel-btn {
  6. .i-btn {
  7. &:hover,
  8. &.active {
  9. border: 1px solid rgba(75, 85, 174, 0.6);
  10. background: rgba(75, 85, 174, 0.6);
  11. color: @white;
  12. }
  13. background: rgb(220 221 223);
  14. border: 1px solid @black;
  15. color: @black;
  16. }
  17. }
  18. .personnel-box {
  19. .personnel-box-item {
  20. background: @white;
  21. border: 1px solid @black;
  22. &:hover {
  23. border: 1px solid @deepblue;
  24. background: @deepblue;
  25. .personnel-box-item-h .personnel-box-item-form .personnel-box-item-group {
  26. .personnel-box-item-label,
  27. .personnel-box-item-value {
  28. color: @white;
  29. }
  30. }
  31. .personnel-box-item-f {
  32. .personnel-box-item-name,
  33. .personnel-box-item-icon {
  34. color: @white;
  35. }
  36. }
  37. }
  38. .personnel-box-item-h .personnel-box-item-form .personnel-box-item-group {
  39. .personnel-box-item-label,
  40. .personnel-box-item-value {
  41. color: @black;
  42. font-weight: bold;
  43. }
  44. }
  45. .personnel-box-item-f {
  46. .personnel-box-item-name,
  47. .personnel-box-item-icon {
  48. color: @black;
  49. font-weight: bold;
  50. }
  51. }
  52. }
  53. }
  54. }
  55. .iframe4 .el-dialog {
  56. background: @white;
  57. }
  58. }