@minix-iot/ui/dist/packages/step/step.css

基于Vue的移动端轻量级UI组件库

/*!
 * @minix-iot/ui v0.2.4 - step.css, 2709badeb34a699cd765, Wed Nov 24 2021 14:21:12 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */@-webkit-keyframes mx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mx-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mx-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mx-fade-out{0%{opacity:1}to{opacity:0}}.mx-fade-enter-active{-webkit-animation:mx-fade-in .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-fade-in .36s cubic-bezier(.25,.46,.45,.94) both}.mx-fade-leave-active{-webkit-animation:mx-fade-out .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-fade-out .36s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes mx-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes mx-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mx-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes mx-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes mx-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes mx-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes mx-slide-down-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes mx-slide-down-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes mx-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes mx-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes mx-slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes mx-slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes mx-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes mx-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes mx-slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes mx-slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes mx-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes mx-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.mx-slide-up-enter-active{-webkit-animation:mx-slide-up-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-up-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-up-leave-active{-webkit-animation:mx-slide-up-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-up-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-down-enter-active{-webkit-animation:mx-slide-down-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-down-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-down-leave-active{-webkit-animation:mx-slide-down-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-down-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-left-enter-active{-webkit-animation:mx-slide-left-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-left-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-left-leave-active{-webkit-animation:mx-slide-left-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-left-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-right-enter-active{-webkit-animation:mx-slide-right-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-right-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-right-leave-active{-webkit-animation:mx-slide-right-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-right-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-step{position:relative;padding-bottom:28px}.mx-step:last-child .mx-step-line{display:none}.mx-step-content{color:#8a8a8f}.mx-step-content .mx-step-title{font-size:14px;line-height:14px;-webkit-transition:all .36s cubic-bezier(.25,.46,.45,.94);-o-transition:all .36s cubic-bezier(.25,.46,.45,.94);transition:all .36s cubic-bezier(.25,.46,.45,.94)}.mx-step-content .mx-step-title--purple{color:#995efc}.mx-step-content .mx-step-title--blue-purple{color:#6575ff}.mx-step-content .mx-step-title--blue{color:#29c3ff}.mx-step-content .mx-step-title--cyan{color:#00cbb8}.mx-step-content .mx-step-title--yellow{color:#ffaa10}.mx-step-content .mx-step-title--orange{color:#ff8225}.mx-step-content .mx-step-title--orange-red{color:#ff6a4c}.mx-step-content .mx-step-title--gray-offline{color:#7c879b}.mx-step-content .mx-step-title--brand{color:#267aff}.mx-step-content .mx-step-desc,.mx-step-content .mx-step-timestamp{margin-top:8px;font-size:12px;line-height:12px}.mx-step-icon-container{position:absolute;z-index:1;left:-14px;top:7px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mx-step-icon-container .mx-step-icon{width:6px;height:6px;-webkit-border-radius:3px;border-radius:3px;background:#c7c7cc;-webkit-transition:all .36s cubic-bezier(.25,.46,.45,.94);-o-transition:all .36s cubic-bezier(.25,.46,.45,.94);transition:all .36s cubic-bezier(.25,.46,.45,.94)}.mx-step-icon-container .mx-step-icon--purple{background:#995efc;-webkit-box-shadow:0 0 0 4px rgba(153,94,252,.12);box-shadow:0 0 0 4px rgba(153,94,252,.12)}.mx-step-icon-container .mx-step-icon--blue-purple{background:#6575ff;-webkit-box-shadow:0 0 0 4px rgba(101,117,255,.12);box-shadow:0 0 0 4px rgba(101,117,255,.12)}.mx-step-icon-container .mx-step-icon--blue{background:#29c3ff;-webkit-box-shadow:0 0 0 4px rgba(41,195,255,.12);box-shadow:0 0 0 4px rgba(41,195,255,.12)}.mx-step-icon-container .mx-step-icon--cyan{background:#00cbb8;-webkit-box-shadow:0 0 0 4px rgba(0,203,184,.12);box-shadow:0 0 0 4px rgba(0,203,184,.12)}.mx-step-icon-container .mx-step-icon--yellow{background:#ffaa10;-webkit-box-shadow:0 0 0 4px rgba(255,170,16,.12);box-shadow:0 0 0 4px rgba(255,170,16,.12)}.mx-step-icon-container .mx-step-icon--orange{background:#ff8225;-webkit-box-shadow:0 0 0 4px rgba(255,130,37,.12);box-shadow:0 0 0 4px rgba(255,130,37,.12)}.mx-step-icon-container .mx-step-icon--orange-red{background:#ff6a4c;-webkit-box-shadow:0 0 0 4px rgba(255,106,76,.12);box-shadow:0 0 0 4px rgba(255,106,76,.12)}.mx-step-icon-container .mx-step-icon--gray-offline{background:#7c879b;-webkit-box-shadow:0 0 0 4px rgba(124,135,155,.12);box-shadow:0 0 0 4px rgba(124,135,155,.12)}.mx-step-icon-container .mx-step-icon--brand{background:#267aff;-webkit-box-shadow:0 0 0 4px rgba(38,122,255,.12);box-shadow:0 0 0 4px rgba(38,122,255,.12)}.mx-step-icon-container .mx-icon{vertical-align:top}.mx-step-line{position:absolute;left:-14.5px;top:7px;width:1px;height:100%;background:#e5e5e8}