123456789101112131415161718192021222324252627282930313233343536373839 |
- const genStepsRTLStyle = token => {
- const {
- componentCls
- } = token;
- return {
- [`&${componentCls}-rtl`]: {
- direction: 'rtl',
- [`${componentCls}-item`]: {
- '&-subtitle': {
- float: 'left'
- }
- },
- // nav
- [`&${componentCls}-navigation`]: {
- [`${componentCls}-item::after`]: {
- transform: 'rotate(-45deg)'
- }
- },
- // vertical
- [`&${componentCls}-vertical`]: {
- [`> ${componentCls}-item`]: {
- '&::after': {
- transform: 'rotate(225deg)'
- },
- [`${componentCls}-item-icon`]: {
- float: 'right'
- }
- }
- },
- // progress-dot
- [`&${componentCls}-dot`]: {
- [`${componentCls}-item-icon ${componentCls}-icon-dot, &${componentCls}-small ${componentCls}-item-icon ${componentCls}-icon-dot`]: {
- float: 'right'
- }
- }
- }
- };
- };
- export default genStepsRTLStyle;
|