el-pagination.less 888 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. // el-pagination
  2. .main-body {
  3. .el-pagination {
  4. display: flex;
  5. justify-content: flex-end;
  6. align-items: center;
  7. color: #b3bdc0;
  8. .el-pagination__total {
  9. color: #b3bdc0;
  10. }
  11. .el-pagination__jump {
  12. color: #b3bdc0;
  13. }
  14. button {
  15. &.btn-next,
  16. &.btn-prev {
  17. background: center center no-repeat fade(@gray, 20);
  18. color: @gray-l;
  19. }
  20. &:disabled {
  21. color: @gray-l;
  22. background-color: fade(@gray, 20);
  23. cursor: not-allowed;
  24. }
  25. }
  26. .el-pager li {
  27. color: @gray-l;
  28. background: fade(@gray, 20);
  29. &.active {
  30. color: @green;
  31. }
  32. }
  33. .el-input__inner {
  34. color: @gray-l;
  35. background: fade(@gray, 20);
  36. border: 1px solid fade(@gray, 20);
  37. }
  38. .el-pagination__sizes .el-input .el-input__inner:hover {
  39. border-color: @green;
  40. }
  41. }
  42. }