index.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @import "../styles/mixins/index.less";
  2. @import "../styles/themes/index.less";
  3. .@{wux-prefix}-pagination {
  4. display: block;
  5. width: 100%;
  6. height: @pagination-height;
  7. overflow: hidden;
  8. box-sizing: border-box;
  9. position: relative;
  10. &__prev {
  11. position: absolute;
  12. left: 10px;
  13. top: 0;
  14. }
  15. &__next {
  16. position: absolute;
  17. right: 10px;
  18. top: 0;
  19. }
  20. &__number {
  21. width: 100%;
  22. height: @pagination-height;
  23. line-height: @pagination-height;
  24. margin: 0 auto;
  25. text-align: center;
  26. }
  27. &__active {
  28. display: inline;
  29. color: @pagination-color;
  30. }
  31. &__pointer {
  32. width: 100%;
  33. height: @pagination-height;
  34. line-height: @pagination-height;
  35. margin: 0 auto;
  36. text-align: center;
  37. }
  38. &__dot {
  39. .square(@pagination-dot-size);
  40. display: inline-block;
  41. margin: 0 @pagination-dot-margin;
  42. border-radius: 50%;
  43. background: @pagination-dot-bg;
  44. &--active {
  45. background: @pagination-dot-active-bg;
  46. }
  47. }
  48. &__button {
  49. display: inline-block;
  50. margin: 0;
  51. }
  52. }