mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-12 04:13:13 +08:00
chore: fix style
This commit is contained in:
parent
2e3c55757c
commit
e68db8a2dc
@ -6,13 +6,13 @@ import type { GenerateStyle } from '../../theme/internal';
|
||||
import { getItemWithWidthStyle } from './util';
|
||||
|
||||
const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
|
||||
const { componentCls, iconSize, dotSize, dotCurrentSize, marginXXS, lineWidthBold } = token;
|
||||
const { componentCls, iconSize, dotSize, dotCurrentSize, marginXXS, lineWidthBold, fontSizeSM } =
|
||||
token;
|
||||
|
||||
const itemCls = `${componentCls}-item`;
|
||||
|
||||
return {
|
||||
[`${componentCls}${componentCls}-dot`]: {
|
||||
// '--steps-icon-size': dotCurrentSize,
|
||||
'--steps-icon-size-active': dotCurrentSize,
|
||||
'--steps-icon-size': dotSize,
|
||||
'--steps-dot-icon-size': dotSize,
|
||||
@ -22,9 +22,11 @@ const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
|
||||
|
||||
// ========================= Shared ==========================
|
||||
// Icon
|
||||
[`${itemCls}-custom ${itemCls}-icon`]: {
|
||||
fontSize: fontSizeSM,
|
||||
},
|
||||
|
||||
[`${itemCls}-icon`]: {
|
||||
// background: 'transparent',
|
||||
// border: 0,
|
||||
position: 'relative',
|
||||
|
||||
'&:after': {
|
||||
@ -42,36 +44,8 @@ const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
|
||||
},
|
||||
},
|
||||
|
||||
// [`${itemCls}-icon-dot`]: {
|
||||
// width: 'var(--steps-dot-icon-size)',
|
||||
// height: 'var(--steps-dot-icon-size)',
|
||||
// borderRadius: '100%',
|
||||
// border: `var(--steps-dot-icon-border-width) ${token.lineType} transparent`,
|
||||
// position: 'relative',
|
||||
// transition: `all ${token.motionDurationSlow}`,
|
||||
// display: 'flex',
|
||||
// justifyContent: 'center',
|
||||
// alignItems: 'center',
|
||||
// fontSize: fontSizeSM,
|
||||
|
||||
// '&:after': {
|
||||
// content: '""',
|
||||
// width: iconSize,
|
||||
// height: iconSize,
|
||||
// display: 'block',
|
||||
// position: 'absolute',
|
||||
// top: '50%',
|
||||
// left: {
|
||||
// _skip_check_: true,
|
||||
// value: '50%',
|
||||
// },
|
||||
// transform: 'translate(-50%, -50%)',
|
||||
// },
|
||||
// },
|
||||
|
||||
// // >>> active
|
||||
[`${itemCls}-active ${itemCls}-icon`]: {
|
||||
// '--steps-dot-icon-size': 'var(--steps-icon-size)',
|
||||
'--steps-icon-size': 'var(--steps-icon-size-active)',
|
||||
},
|
||||
|
||||
|
@ -57,7 +57,7 @@ const genTimelineStyle: GenerateStyle<TimelineToken, CSSObject> = (token) => {
|
||||
'--steps-title-horizontal-title-height': token.fontHeight,
|
||||
|
||||
// Root Level: Record Steps icon size and support fallback
|
||||
'--steps-icon-dot-size-origin': 'var(--steps-icon-size)',
|
||||
'--steps-icon-dot-size-origin': 'var(--steps-icon-size-active)',
|
||||
'--steps-icon-dot-size-custom': token.dotSize,
|
||||
|
||||
...resetComponent(token),
|
||||
|
Loading…
Reference in New Issue
Block a user