element-ui.scss 1.5 KB

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