mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-22 22:48:29 +08:00
8fc4fa06c8
* 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>
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;
|