pagination.js 808 B

12345678910111213141516171819202122232425262728293031323334
  1. import { unit } from '@ant-design/cssinjs';
  2. const genPaginationStyle = token => {
  3. const {
  4. componentCls,
  5. antCls,
  6. margin
  7. } = token;
  8. return {
  9. [`${componentCls}-wrapper`]: {
  10. // ========================== Pagination ==========================
  11. [`${componentCls}-pagination${antCls}-pagination`]: {
  12. margin: `${unit(margin)} 0`
  13. },
  14. [`${componentCls}-pagination`]: {
  15. display: 'flex',
  16. flexWrap: 'wrap',
  17. rowGap: token.paddingXS,
  18. '> *': {
  19. flex: 'none'
  20. },
  21. '&-left': {
  22. justifyContent: 'flex-start'
  23. },
  24. '&-center': {
  25. justifyContent: 'center'
  26. },
  27. '&-right': {
  28. justifyContent: 'flex-end'
  29. }
  30. }
  31. }
  32. };
  33. };
  34. export default genPaginationStyle;