rtl.js 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. const genStyle = token => {
  2. const {
  3. componentCls
  4. } = token;
  5. return {
  6. [`${componentCls}-wrapper-rtl`]: {
  7. direction: 'rtl',
  8. table: {
  9. direction: 'rtl'
  10. },
  11. [`${componentCls}-pagination-left`]: {
  12. justifyContent: 'flex-end'
  13. },
  14. [`${componentCls}-pagination-right`]: {
  15. justifyContent: 'flex-start'
  16. },
  17. [`${componentCls}-row-expand-icon`]: {
  18. float: 'right',
  19. '&::after': {
  20. transform: 'rotate(-90deg)'
  21. },
  22. '&-collapsed::before': {
  23. transform: 'rotate(180deg)'
  24. },
  25. '&-collapsed::after': {
  26. transform: 'rotate(0deg)'
  27. }
  28. },
  29. [`${componentCls}-container`]: {
  30. '&::before': {
  31. insetInlineStart: 'unset',
  32. insetInlineEnd: 0
  33. },
  34. '&::after': {
  35. insetInlineStart: 0,
  36. insetInlineEnd: 'unset'
  37. },
  38. [`${componentCls}-row-indent`]: {
  39. float: 'right'
  40. }
  41. }
  42. }
  43. };
  44. };
  45. export default genStyle;