test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-29 18:50:00 +08:00
Code Issues Actions 48 Packages Projects Releases Wiki Activity

style: fix Splitter pseudo element colon notation (#51536)

Browse Source
This commit is contained in:
DisLido 2024-11-08 11:01:44 +08:00 committed by GitHub
parent 80819feb29
commit efd64c42d8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/splitter/style/index.ts
View File

@ -112,14 +112,14 @@ const genSplitterStyle: GenerateStyle<SplitterToken> = (token: SplitterToken): C
zIndex: 1,
// Hover background
'&:before': {
'&::before': {
content: '""',
background: controlItemBgHover,
...centerStyle,
},
// Spinner
'&:after': {
'&::after': {
content: '""',
background: colorFill,
...centerStyle,
@ -127,7 +127,7 @@ const genSplitterStyle: GenerateStyle<SplitterToken> = (token: SplitterToken): C
// Hover
[`&:hover:not(${splitBarCls}-dragger-active)`]: {
'&:before': {
'&::before': {
background: controlItemBgActive,
},
},
@ -136,7 +136,7 @@ const genSplitterStyle: GenerateStyle<SplitterToken> = (token: SplitterToken): C
'&-active': {
zIndex: 2,
'&:before': {
'&::before': {
background: controlItemBgActiveHover,
},
},
@ -147,12 +147,12 @@ const genSplitterStyle: GenerateStyle<SplitterToken> = (token: SplitterToken): C
'&, &:hover, &-active': {
cursor: 'default',
'&:before': {
'&::before': {
background: controlItemBgHover,
},
},
'&:after': {
'&::after': {
display: 'none',
},
},
@ -223,12 +223,12 @@ const genSplitterStyle: GenerateStyle<SplitterToken> = (token: SplitterToken): C
height: '100%',
width: splitTriggerSize,
'&:before': {
'&::before': {
height: '100%',
width: splitBarSize,
},
'&:after': {
'&::after': {
height: splitBarDraggableSize,
width: splitBarSize,
},
@ -278,12 +278,12 @@ const genSplitterStyle: GenerateStyle<SplitterToken> = (token: SplitterToken): C
width: '100%',
height: splitTriggerSize,
'&:before': {
'&::before': {
width: '100%',
height: splitBarSize,
},
'&:after': {
'&::after': {
width: splitBarDraggableSize,
height: splitBarSize,
},