antd/es/steps/style/small.js

An enterprise-class UI design language and React components implementation

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