UNPKG

ant-design-vue

Version:

An enterprise-class UI design language and Vue-based implementation

34 lines 926 B
const genStepsCustomIconStyle = token => { const { componentCls, stepsIconCustomTop, stepsIconCustomSize, stepsIconCustomFontSize } = token; return { [`${componentCls}-item-custom`]: { [`> ${componentCls}-item-container > ${componentCls}-item-icon`]: { height: 'auto', background: 'none', border: 0, [`> ${componentCls}-icon`]: { top: stepsIconCustomTop, width: stepsIconCustomSize, height: stepsIconCustomSize, fontSize: stepsIconCustomFontSize, lineHeight: `${stepsIconCustomSize}px` } } }, // Only adjust horizontal customize icon width [`&:not(${componentCls}-vertical)`]: { [`${componentCls}-item-custom`]: { [`${componentCls}-item-icon`]: { width: 'auto', background: 'none' } } } }; }; export default genStepsCustomIconStyle;