ant-design/components/steps/style/horizontal.ts
二货爱吃白萝卜 8fc4fa06c8
fix: Steps with process style in compact theme (#48251)
* fix: use css var for calc

* fix: tail align

* Update components/steps/style/index.ts

Co-authored-by: 红 <wxh1220@gmail.com>
Signed-off-by: afc163 <afc163@gmail.com>

* test: update snapshot

* chore: fix lint

* chore: adjust style

---------

Signed-off-by: afc163 <afc163@gmail.com>
Co-authored-by: afc163 <afc163@gmail.com>
Co-authored-by: 红 <wxh1220@gmail.com>
2024-04-08 15:53:45 +08:00

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;