29 lines
892 B
JavaScript
29 lines
892 B
JavaScript
import { genCssVar } from '../../theme/util/genStyleUtils';
|
|
const genHorizontalStyle = token => {
|
|
const {
|
|
componentCls,
|
|
antCls
|
|
} = token;
|
|
const itemCls = `${componentCls}-item`;
|
|
const [varName, varRef] = genCssVar(antCls, 'cmp-steps');
|
|
return {
|
|
[`${componentCls}-horizontal`]: {
|
|
[`> ${itemCls}`]: {
|
|
flex: '1 1 auto',
|
|
minWidth: token.iconSize,
|
|
[`${itemCls}-rail`]: {
|
|
[varName('horizontal-rail-margin')]: `calc(${varRef('icon-size-max')} / 2 + ${varRef('item-wrapper-padding-top')})`,
|
|
position: 'static',
|
|
marginTop: varRef('horizontal-rail-margin'),
|
|
width: 'auto',
|
|
borderBlockStartWidth: varRef('rail-size'),
|
|
flex: 1,
|
|
minWidth: 0,
|
|
alignSelf: 'flex-start',
|
|
transform: 'translateY(-50%)'
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
export default genHorizontalStyle; |