mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-22 14:44:47 +08:00
20 lines
513 B
TypeScript
20 lines
513 B
TypeScript
|
import type { CSSObject } from '@ant-design/cssinjs';
|
||
|
|
||
|
import type { StepsToken } from '.';
|
||
|
import type { GenerateStyle } from '../../theme/internal';
|
||
|
|
||
|
const genHorizontalStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
|
||
|
const { componentCls } = token;
|
||
|
const stepsItemCls = `${componentCls}-item`; // .ant-steps-item
|
||
|
|
||
|
return {
|
||
|
[`${componentCls}-horizontal`]: {
|
||
|
[`${stepsItemCls}-tail`]: {
|
||
|
transform: 'translateY(-50%)',
|
||
|
},
|
||
|
},
|
||
|
};
|
||
|
};
|
||
|
|
||
|
export default genHorizontalStyle;
|