antd/es/steps/style/small.js

An enterprise-class UI design language and React components implementation

import { getItemWithWidthStyle } from './util';
const genSmallStyle = token => {
  const {
    componentCls,
    iconSizeSM,
    fontSize,
    lineHeight,
    marginXS
  } = token;
  return {
    [`${componentCls}${componentCls}-small`]: {
      '--steps-icon-size': iconSizeSM,
      '--steps-title-horizontal-item-margin': token.marginSM,
      '--steps-title-vertical-row-gap': token.paddingXS,
      '--steps-title-font-size': fontSize,
      '--steps-title-line-height': lineHeight,
      '--steps-title-horizontal-rail-margin': token.marginXS,
      '--steps-title-horizontal-title-height': token.fontHeight,
      // Horizontal: label vertical
      [`&${componentCls}-horizontal${componentCls}-title-vertical`]: getItemWithWidthStyle(token, marginXS)
    }
  };
};
export default genSmallStyle;