2 lines
15 KiB
CSS
2 lines
15 KiB
CSS
.arco-steps-item{position:relative;flex:1;margin-right:12px;overflow:hidden;white-space:nowrap;text-align:left}.arco-steps-item:last-child{flex:none;margin-right:0}.arco-steps-item-active .arco-steps-item-title{font-weight:500}.arco-steps-item-node{display:inline-block;margin-right:12px;font-weight:500;font-size:16px;vertical-align:top}.arco-steps-icon{box-sizing:border-box;width:28px;height:28px;line-height:26px;text-align:center;border-radius:var(--border-radius-circle);font-size:16px}.arco-steps-item-wait .arco-steps-icon{color:var(--color-text-2);background-color:var(--color-fill-2);border:1px solid transparent}.arco-steps-item-process .arco-steps-icon{color:var(--color-white);background-color:rgb(var(--primary-6));border:1px solid transparent}.arco-steps-item-finish .arco-steps-icon{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border:1px solid transparent}.arco-steps-item-error .arco-steps-icon{color:var(--color-white);background-color:rgb(var(--danger-6));border:1px solid transparent}.arco-steps-item-title{position:relative;display:inline-block;padding-right:12px;color:var(--color-text-2);font-size:16px;line-height:28px;white-space:nowrap}.arco-steps-item-wait .arco-steps-item-title{color:var(--color-text-2)}.arco-steps-item-process .arco-steps-item-title,.arco-steps-item-finish .arco-steps-item-title,.arco-steps-item-error .arco-steps-item-title{color:var(--color-text-1)}.arco-steps-item-content{display:inline-block}.arco-steps-item-description{max-width:140px;margin-top:2px;color:var(--color-text-3);font-size:12px;white-space:normal}.arco-steps-item-wait .arco-steps-item-description,.arco-steps-item-process .arco-steps-item-description,.arco-steps-item-finish .arco-steps-item-description,.arco-steps-item-error .arco-steps-item-description{color:var(--color-text-3)}.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after{position:absolute;top:13.5px;left:100%;display:block;box-sizing:border-box;width:5000px;height:1px;background-color:var(--color-neutral-3);content:""}.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-process .arco-steps-item-title:after{background-color:var(--color-neutral-3)}.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-finish .arco-steps-item-title:after{background-color:rgb(var(--primary-6))}.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-next-error .arco-steps-item-title:after{background-color:rgb(var(--danger-6))}.arco-steps-item:not(:last-child) .arco-steps-item-tail{position:absolute;top:13.5px;box-sizing:border-box;width:100%;height:1px}.arco-steps-item:not(:last-child) .arco-steps-item-tail:after{display:block;width:100%;height:100%;background-color:var(--color-neutral-3);content:""}.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail{position:absolute;top:0;left:13.5px;box-sizing:border-box;width:1px;height:100%;padding:34px 0 6px}.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail:after{display:block;width:100%;height:100%;background-color:var(--color-neutral-3);content:""}.arco-steps-size-small.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail{left:11.5px;padding:30px 0 6px}.arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail:after{background-color:rgb(var(--primary-6))}.arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail:after{background-color:rgb(var(--danger-6))}.arco-steps-size-small:not(.arco-steps-vertical) .arco-steps-item:not(:last-child) .arco-steps-item-tail{top:11.5px}.arco-steps-size-small .arco-steps-item-node{font-size:14px}.arco-steps-size-small .arco-steps-item-title{font-size:14px;line-height:24px}.arco-steps-size-small .arco-steps-item-description{font-size:12px}.arco-steps-size-small .arco-steps-icon{width:24px;height:24px;font-size:14px;line-height:22px}.arco-steps-size-small.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after{top:11.5px}.arco-steps-label-vertical .arco-steps-item{overflow:visible}.arco-steps-label-vertical .arco-steps-item-title{margin-top:2px;padding-right:0}.arco-steps-label-vertical .arco-steps-item-node{margin-left:56px}.arco-steps-label-vertical .arco-steps-item-tail{left:96px;padding-right:40px}.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-node{margin-left:58px}.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail{left:94px;padding-right:36px}.arco-steps-mode-dot .arco-steps-item{position:relative;flex:1;margin-right:16px;overflow:visible;white-space:nowrap;text-align:left}.arco-steps-mode-dot .arco-steps-item:last-child{flex:none;margin-right:0}.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-title{font-weight:500}.arco-steps-mode-dot .arco-steps-item-node{display:inline-block;box-sizing:border-box;width:8px;height:8px;vertical-align:top;border-radius:var(--border-radius-circle)}.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-node{width:10px;height:10px}.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-node{background-color:var(--color-fill-4);border-color:var(--color-fill-4)}.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-node,.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-node{background-color:rgb(var(--primary-6));border-color:rgb(var(--primary-6))}.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-node{background-color:rgb(var(--danger-6));border-color:rgb(var(--danger-6))}.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-node{margin-left:66px}.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-node{margin-top:-1px;margin-left:65px}.arco-steps-mode-dot .arco-steps-item-content{display:inline-block}.arco-steps-mode-dot .arco-steps-item-title{position:relative;display:inline-block;margin-top:4px;font-size:16px}.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-title{color:var(--color-text-2)}.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-title,.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-title,.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-title{color:var(--color-text-1)}.arco-steps-mode-dot .arco-steps-item-description{margin-top:4px;font-size:12px;white-space:normal}.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-description{color:var(--color-text-3)}.arco-steps-mode-dot .arco-steps-item:not(:last-child) .arco-steps-item-tail{position:absolute;top:3.5px;left:78px;box-sizing:border-box;width:100%;height:1px;background-color:var(--color-neutral-3)}.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail{background-color:var(--color-neutral-3)}.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail{background-color:rgb(var(--primary-6))}.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail{background-color:rgb(var(--danger-6))}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-node{margin-right:16px}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-content{overflow:hidden}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-title{margin-top:-2px}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-description{margin-top:4px}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail{position:absolute;bottom:0;left:4px;box-sizing:border-box;width:1px;height:100%;padding-top:16px;padding-bottom:2px;background-color:transparent;transform:translate(-50%)}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail:after{display:block;width:100%;height:100%;background-color:var(--color-neutral-3);content:""}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail:after{background-color:var(--color-neutral-3)}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail:after{background-color:rgb(var(--primary-6))}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail:after{background-color:rgb(var(--danger-6))}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item .arco-steps-item-node{margin-top:8px}.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-node{margin-top:6px;margin-left:-1px}.arco-steps-mode-arrow .arco-steps-item{position:relative;display:flex;flex:1;align-items:center;height:72px;overflow:visible;white-space:nowrap}.arco-steps-mode-arrow .arco-steps-item:not(:last-child){margin-right:4px}.arco-steps-mode-arrow .arco-steps-item-wait{background-color:var(--color-fill-1)}.arco-steps-mode-arrow .arco-steps-item-process{background-color:rgb(var(--primary-6))}.arco-steps-mode-arrow .arco-steps-item-finish{background-color:var(--color-primary-light-1)}.arco-steps-mode-arrow .arco-steps-item-error{background-color:rgb(var(--danger-6))}.arco-steps-mode-arrow .arco-steps-item-content{display:inline-block;box-sizing:border-box}.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content{padding-left:16px}.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content{padding-left:52px}.arco-steps-mode-arrow .arco-steps-item-title{position:relative;display:inline-block;font-size:16px;white-space:nowrap}.arco-steps-mode-arrow .arco-steps-item-title:after{display:none!important}.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-title{color:var(--color-text-2)}.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-title{color:var(--color-white)}.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-title{color:var(--color-text-1)}.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-title{color:var(--color-white)}.arco-steps-mode-arrow .arco-steps-item-active .arco-steps-item-title{font-weight:500}.arco-steps-mode-arrow .arco-steps-item-description{max-width:none;margin-top:0;font-size:12px;white-space:nowrap}.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-description{color:var(--color-text-3)}.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-description{color:var(--color-white)}.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-description{color:var(--color-text-3)}.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-description{color:var(--color-white)}.arco-steps-mode-arrow .arco-steps-item:not(:first-child):before{position:absolute;top:0;left:0;z-index:1;display:block;width:0;height:0;border-top:36px solid transparent;border-bottom:36px solid transparent;border-left:36px solid var(--color-bg-2);content:""}.arco-steps-mode-arrow .arco-steps-item:not(:last-child):after{position:absolute;top:0;right:-36px;z-index:2;display:block;clear:both;width:0;height:0;border-top:36px solid transparent;border-bottom:36px solid transparent;content:""}.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait:after{border-left:36px solid var(--color-fill-1)}.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process:after{border-left:36px solid rgb(var(--primary-6))}.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error:after{border-left:36px solid rgb(var(--danger-6))}.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish:after{border-left:36px solid var(--color-primary-light-1)}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item{height:40px}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-title{font-size:14px}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-description{display:none}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child):before{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid var(--color-bg-2)}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child):after{right:-20px;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid var(--color-fill-1)}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content{padding-left:20px}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content{padding-left:40px}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-error:not(:last-child):after{border-left:20px solid rgb(var(--danger-6))}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait:after{border-left:20px solid var(--color-fill-1)}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process:after{border-left:20px solid rgb(var(--primary-6))}.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish:after{border-left:20px solid var(--color-primary-light-1)}.arco-steps-mode-navigation.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after{display:none}.arco-steps-mode-navigation .arco-steps-item{padding-left:20px;padding-right:10px;margin-right:32px}.arco-steps-mode-navigation .arco-steps-item:last-child{flex:1}.arco-steps-mode-navigation .arco-steps-item-content{margin-bottom:20px}.arco-steps-mode-navigation .arco-steps-item-description{padding-right:20px}.arco-steps-mode-navigation .arco-steps-item-active:after{content:"";position:absolute;display:block;height:2px;left:0;right:30px;bottom:0;background-color:rgb(var(--primary-6))}.arco-steps-mode-navigation .arco-steps-item-active:last-child:after{width:100%}.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content:after{position:absolute;top:10px;right:30px;display:inline-block;width:6px;height:6px;background-color:var(--color-bg-2);border:2px solid var(--color-text-4);border-bottom:none;border-left:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}.arco-steps{display:flex}.arco-steps-changeable .arco-steps-item-title,.arco-steps-changeable .arco-steps-item-description{transition:all .1s cubic-bezier(0,0,1,1)}.arco-steps-changeable .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled){cursor:pointer}.arco-steps-changeable .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-title,.arco-steps-changeable .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-description{color:rgb(var(--primary-6))}.arco-steps-line-less .arco-steps-item-title:after{display:none!important}.arco-steps-vertical{flex-direction:column}.arco-steps-vertical .arco-steps-item:not(:last-child){min-height:90px}.arco-steps-vertical .arco-steps-item-title:after{display:none!important}.arco-steps-vertical .arco-steps-item-description{max-width:none}.arco-steps-label-vertical .arco-steps-item-content{display:block;width:140px;text-align:center}.arco-steps-label-vertical .arco-steps-item-description{max-width:none}
|