antd/es/steps/style/horizontal.js

An enterprise-class UI design language and React components implementation

const genHorizontalStyle = token => {
  const {
    componentCls
  } = token;
  const itemCls = `${componentCls}-item`; // .ant-steps-item
  return {
    [`${componentCls}-horizontal`]: {
      [`> ${itemCls}`]: {
        flex: '1 1 auto',
        minWidth: token.iconSize,
        [`${itemCls}-rail`]: {
          '--steps-horizontal-rail-margin': 'calc(var(--steps-icon-size-max) / 2 + var(--steps-item-wrapper-padding-top))',
          position: 'static',
          marginTop: 'var(--steps-horizontal-rail-margin)',
          width: 'auto',
          borderBlockStartWidth: 'var(--steps-rail-size)',
          flex: 1,
          minWidth: 0,
          alignSelf: 'flex-start',
          transform: 'translateY(-50%)'
        }
      }
    }
  };
};
export default genHorizontalStyle;