rtl.js 957 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. const genStepsRTLStyle = token => {
  2. const {
  3. componentCls
  4. } = token;
  5. return {
  6. [`&${componentCls}-rtl`]: {
  7. direction: 'rtl',
  8. [`${componentCls}-item`]: {
  9. '&-subtitle': {
  10. float: 'left'
  11. }
  12. },
  13. // nav
  14. [`&${componentCls}-navigation`]: {
  15. [`${componentCls}-item::after`]: {
  16. transform: 'rotate(-45deg)'
  17. }
  18. },
  19. // vertical
  20. [`&${componentCls}-vertical`]: {
  21. [`> ${componentCls}-item`]: {
  22. '&::after': {
  23. transform: 'rotate(225deg)'
  24. },
  25. [`${componentCls}-item-icon`]: {
  26. float: 'right'
  27. }
  28. }
  29. },
  30. // progress-dot
  31. [`&${componentCls}-dot`]: {
  32. [`${componentCls}-item-icon ${componentCls}-icon-dot, &${componentCls}-small ${componentCls}-item-icon ${componentCls}-icon-dot`]: {
  33. float: 'right'
  34. }
  35. }
  36. }
  37. };
  38. };
  39. export default genStepsRTLStyle;