1 line
12 KiB
JSON
1 line
12 KiB
JSON
|
{"ast":null,"code":"import { unit } from '@ant-design/cssinjs';\nconst genStepsInlineStyle = token => {\n const {\n componentCls,\n inlineDotSize,\n inlineTitleColor,\n inlineTailColor\n } = token;\n const containerPaddingTop = token.calc(token.paddingXS).add(token.lineWidth).equal();\n const titleStyle = {\n [`${componentCls}-item-container ${componentCls}-item-content ${componentCls}-item-title`]: {\n color: inlineTitleColor\n }\n };\n return {\n [`&${componentCls}-inline`]: {\n width: 'auto',\n display: 'inline-flex',\n [`${componentCls}-item`]: {\n flex: 'none',\n '&-container': {\n padding: `${unit(containerPaddingTop)} ${unit(token.paddingXXS)} 0`,\n margin: `0 ${unit(token.calc(token.marginXXS).div(2).equal())}`,\n borderRadius: token.borderRadiusSM,\n cursor: 'pointer',\n transition: `background-color ${token.motionDurationMid}`,\n '&:hover': {\n background: token.controlItemBgHover\n },\n \"&[role='button']:hover\": {\n opacity: 1\n }\n },\n '&-icon': {\n width: inlineDotSize,\n height: inlineDotSize,\n marginInlineStart: `calc(50% - ${unit(token.calc(inlineDotSize).div(2).equal())})`,\n [`> ${componentCls}-icon`]: {\n top: 0\n },\n [`${componentCls}-icon-dot`]: {\n borderRadius: token.calc(token.fontSizeSM).div(4).equal(),\n '&::after': {\n display: 'none'\n }\n }\n },\n '&-content': {\n width: 'auto',\n marginTop: token.calc(token.marginXS).sub(token.lineWidth).equal()\n },\n '&-title': {\n color: inlineTitleColor,\n fontSize: token.fontSizeSM,\n lineHeight: token.lineHeightSM,\n fontWeight: 'normal',\n marginBottom: token.calc(token.marginXXS).div(2).equal()\n },\n '&-description': {\n display: 'none'\n },\n '&-tail': {\n marginInlineStart: 0,\n top: token.calc(inlineDotSize).div(2).add(containerPaddingTop).equal(),\n transform: `translateY(-50%)`,\n '&:after': {\n width: '100%',\n height: token.lineWidth,\n borderRadius: 0,\n marginInlineStart: 0,\n background: inlineTailColor\n }\n },\n [`&:first-child ${componentCls}-item-tail`]: {\n width: '50%',\n marginInlineStart: '50%'\n },\n [`&:last-child ${componentCls}-item-tail`]: {\n display: 'block',\n width: '50%'\n },\n '&-wait': Object.assign({\n [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: {\n backgroundColor: token.colorBorderBg,\n border: `${unit(token.lineWidth)} ${token.lineType} ${inlineTailColor}`\n }\n }, titleStyle),\n '&-finish': Object.assign({\n [`${componentCls}-item-tail::after`]: {\n backgroundColor: inlineTailColor\n },\n [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: {\n backgroundColor: inlineTailColor,\n border: `${unit(token.lineWidth)} ${token.lineType} ${inlineTailColor}`\n }\n }, titleStyle),\n '&-error': titleStyle,\n '&-active, &-process': Object.assign({\n [`${componentCls}-item-icon`]: {\n width: inlineDotSize,\n height: inlineDotSize,\n marginInlineStart: `calc(50% - ${unit(token.calc(inlineDotSize).div(2).equal())})`,\n top: 0\n }\n }, titleStyle),\n [`&:not(${componentCls}-item-active) > ${componentCls}-item-container[role='button']:hover`]: {\n [`${componentCls}-item-title`]: {\n color: inlineTitleColor\n }\n }\n }\n }\n };\n};\nexport default genStepsInlineStyle;","map":{"version":3,"names":["unit","genStepsInlin
|