1234567891011121314151617181920212223242526272829303132333435 |
- import { unit } from '@ant-design/cssinjs';
- const genStepsCustomIconStyle = token => {
- const {
- componentCls,
- customIconTop,
- customIconSize,
- customIconFontSize
- } = token;
- return {
- [`${componentCls}-item-custom`]: {
- [`> ${componentCls}-item-container > ${componentCls}-item-icon`]: {
- height: 'auto',
- background: 'none',
- border: 0,
- [`> ${componentCls}-icon`]: {
- top: customIconTop,
- width: customIconSize,
- height: customIconSize,
- fontSize: customIconFontSize,
- lineHeight: unit(customIconSize)
- }
- }
- },
- // Only adjust horizontal customize icon width
- [`&:not(${componentCls}-vertical)`]: {
- [`${componentCls}-item-custom`]: {
- [`${componentCls}-item-icon`]: {
- width: 'auto',
- background: 'none'
- }
- }
- }
- };
- };
- export default genStepsCustomIconStyle;
|