diff --git a/components/steps/style/nav.less b/components/steps/style/nav.less index 77cf177822..b4bc366a7b 100644 --- a/components/steps/style/nav.less +++ b/components/steps/style/nav.less @@ -89,3 +89,36 @@ width: 100%; } } + +@media (max-width: @screen-xs) { + .@{steps-prefix-cls}-navigation { + > .@{steps-prefix-cls}-item { + margin-right: 0 !important; + &::before { + display: none; + } + &.@{steps-prefix-cls}-item-active::before { + top: 0; + right: 0; + left: unset; + display: block; + width: 3px; + height: calc(100% - 24px); + } + &::after { + position: relative; + top: -2px; + left: 50%; + display: block; + width: 8px; + height: 8px; + margin-bottom: 8px; + text-align: center; + transform: rotate(135deg); + } + > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail { + visibility: hidden; + } + } + } +}