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

🐛 tweak style for not affecting vertical steps

Browse Source
This commit is contained in:
afc163 2019-01-03 20:59:44 +08:00 committed by 偏右
parent 9a380592ee
commit 7d70d20679
1 changed files with 44 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
components/steps/style/compatibility.less
View File

@ -1,7 +1,47 @@
.@{steps-prefix-cls}-flex-not-supported {
.@{steps-prefix-cls}-item {
background: @steps-background;
padding-left: 10px;
margin-left: -10px;
&.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
.@{steps-prefix-cls}-item {
background: @steps-background;
padding-left: 16px;
margin-left: -16px;
}
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item {
padding-left: 12px;
margin-left: -12px;
}
}
&.@{steps-prefix-cls}-dot {
.@{steps-prefix-cls}-item {
&:last-child {
overflow: hidden;
.@{steps-prefix-cls}-icon-dot:after {
width: 200px;
right: -200px;
}
}
.@{steps-prefix-cls}-icon-dot:before,
.@{steps-prefix-cls}-icon-dot:after {
content: '';
position: absolute;
background: @steps-background;
width: 10px;
height: 8px;
top: 0;
left: -10px;
}
.@{steps-prefix-cls}-icon-dot:after {
left: auto;
right: -10px;
}
}
.@{steps-prefix-cls}-item-wait .@{steps-prefix-cls}-item-icon > .@{steps-prefix-cls}-icon .@{steps-prefix-cls}-icon-dot {
background: #ccc;
}
}
}