element-ui.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /* 改变主题色变量 */
  2. $--color-primary: #001489;
  3. /* 改变 icon 字体路径变量,必需 */
  4. $--font-path: '~element-ui/lib/theme-chalk/fonts';
  5. @import "~element-ui/packages/theme-chalk/src/index";
  6. // cover some element-ui styles
  7. .el-button.el-button--primary {
  8. color: #f0f0f0;
  9. }
  10. .el-breadcrumb__inner,
  11. .el-breadcrumb__inner a {
  12. font-weight: 400 !important;
  13. }
  14. .el-upload {
  15. input[type="file"] {
  16. display: none !important;
  17. }
  18. }
  19. .el-upload__input {
  20. display: none;
  21. }
  22. .cell {
  23. .el-tag {
  24. margin-right: 0px;
  25. }
  26. }
  27. .small-padding {
  28. .cell {
  29. padding-left: 5px;
  30. padding-right: 5px;
  31. }
  32. }
  33. .fixed-width {
  34. .el-button--mini {
  35. padding: 7px 10px;
  36. min-width: 60px;
  37. }
  38. }
  39. .status-col {
  40. .cell {
  41. padding: 0 10px;
  42. text-align: center;
  43. .el-tag {
  44. margin-right: 0px;
  45. }
  46. }
  47. }
  48. // to fixed https://github.com/ElemeFE/element/issues/2461
  49. .el-dialog {
  50. transform: none;
  51. left: 0;
  52. position: relative;
  53. margin: 0 auto;
  54. }
  55. // refine element ui upload
  56. .upload-container {
  57. .el-upload {
  58. width: 100%;
  59. .el-upload-dragger {
  60. width: 100%;
  61. height: 200px;
  62. }
  63. }
  64. }
  65. // dropdown
  66. .el-dropdown-menu {
  67. a {
  68. display: block
  69. }
  70. }
  71. // fix date-picker ui bug in filter-item
  72. .el-range-editor.el-input__inner {
  73. display: inline-flex !important;
  74. }
  75. // to fix el-date-picker css style
  76. .el-range-separator {
  77. box-sizing: content-box;
  78. }