mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

chore: adjust nest style
Some checks are pending
Publish Any Commit / build (push) Waiting to run
Details

Browse Source
This commit is contained in:
二货机器人 2025-06-05 16:17:29 +08:00
parent ca9eba0ae0
commit 88050fe917
2 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/steps/style/horizontal.ts
View File

@ -9,20 +9,20 @@ const genHorizontalStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
return {
[`${componentCls}-horizontal`]: {
[itemCls]: {
[`> ${itemCls}`]: {
flex: '1 1 auto',
minWidth: token.iconSize,
},
[`${itemCls}-rail`]: {
position: 'static',
marginTop: 'calc(var(--steps-icon-size-max) / 2 + var(--steps-item-wrapper-padding-top))',
width: 'auto',
borderBlockStartWidth: 'var(--steps-rail-size)',
flex: 1,
minWidth: 0,
alignSelf: 'flex-start',
transform: 'translateY(-50%)',
[`${itemCls}-rail`]: {
position: 'static',
marginTop: 'calc(var(--steps-icon-size-max) / 2 + var(--steps-item-wrapper-padding-top))',
width: 'auto',
borderBlockStartWidth: 'var(--steps-rail-size)',
flex: 1,
minWidth: 0,
alignSelf: 'flex-start',
transform: 'translateY(-50%)',
},
},
},
};

44
components/steps/style/vertical.ts
View File

@ -15,37 +15,37 @@ const genVerticalStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
alignItems: 'stretch',
// Item
[itemCls]: {
[`> ${itemCls}`]: {
minHeight: calc(token.controlHeight).mul(1.5).equal(),
paddingBottom: token.paddingSM,
'&:last-child': {
paddingBottom: 0,
},
},
// Icon
[`${itemCls}-icon`]: {
marginInlineStart: 'calc((var(--steps-icon-size-max) - var(--steps-icon-size)) / 2)',
},
// Icon
[`${itemCls}-icon`]: {
marginInlineStart: 'calc((var(--steps-icon-size-max) - var(--steps-icon-size)) / 2)',
},
// >>> Rail
[`${itemCls}-rail`]: {
'--steps-rail-offset': calc('var(--steps-heading-height)')
.sub('var(--steps-icon-size)')
.div(2)
.equal(),
// >>> Rail
[`${itemCls}-rail`]: {
'--steps-rail-offset': calc('var(--steps-heading-height)')
.sub('var(--steps-icon-size)')
.div(2)
.equal(),
borderInlineStartWidth: 'var(--steps-rail-size)',
position: 'absolute',
top: calc(`var(--steps-icon-size)`)
.add('var(--steps-item-wrapper-padding-top)')
.add('var(--steps-rail-offset)')
.add('var(--steps-vertical-rail-margin)')
.equal(),
insetInlineStart: calc(`var(--steps-icon-size-max)`).div(2).equal(),
bottom: calc('var(--steps-vertical-rail-margin)').sub('var(--steps-rail-offset)').equal(),
transform: 'translateX(-50%)',
borderInlineStartWidth: 'var(--steps-rail-size)',
position: 'absolute',
top: calc(`var(--steps-icon-size)`)
.add('var(--steps-item-wrapper-padding-top)')
.add('var(--steps-rail-offset)')
.add('var(--steps-vertical-rail-margin)')
.equal(),
insetInlineStart: calc(`var(--steps-icon-size-max)`).div(2).equal(),
bottom: calc('var(--steps-vertical-rail-margin)').sub('var(--steps-rail-offset)').equal(),
transform: 'translateX(-50%)',
},
},
},
};