wot-design
Version:
Mobile UI components built on vue.js
1 lines • 5.68 kB
CSS
@charset "UTF-8";.wd-step,.wd-step__header,.wd-step__icon{position:relative}@font-face{font-family:wd-icons;src:url(fonts/wd-icons.ttf) format("truetype");font-weight:400;font-style:normal}[class*=" wd-icon-"],[class^=wd-icon-]{font-family:wd-icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wd-icon-arrow-thin-up:before{content:"\e898"}.wd-icon-arrow-thin-down:before{content:"\e899"}.wd-icon-keyboard-collapse:before{content:"\e900"}.wd-icon-keyboard-delete:before{content:"\e901"}.wd-icon-setting:before{content:"\e902"}.wd-icon-arrow-right:before{content:"\e903"}.wd-icon-arrow-down:before{content:"\e904"}.wd-icon-arrow-up:before{content:"\e905"}.wd-icon-arrow-left:before{content:"\e906"}.wd-icon-fill-camera:before{content:"\e907"}.wd-icon-star-on:before{content:"\e908"}.wd-icon-check-bold:before{content:"\e909"}.wd-icon-error-fill:before{content:"\e90a"}.wd-icon-warn-bold:before{content:"\e90b"}.wd-icon-close-outline:before{content:"\e90c"}.wd-icon-close-bold:before{content:"\e90d"}.wd-icon-check-outline:before{content:"\e90e"}.wd-icon-wifi-error:before{content:"\e90f"}.wd-icon-subscribe:before{content:"\e910"}.wd-icon-detection:before{content:"\e911"}.wd-icon-read:before{content:"\e912"}.wd-icon-fill-arrow-down:before{content:"\e913"}.wd-icon-dong:before{content:"\e914"}.wd-icon-edit-outline:before{content:"\e915"}.wd-icon-add-circle:before{content:"\e916"}.wd-icon-copy:before{content:"\e917"}.wd-icon-bags:before{content:"\e918"}.wd-icon-decrease:before{content:"\e919"}.wd-icon-jdm:before{content:"\e91a"}.wd-icon-spool:before{content:"\e91b"}.wd-icon-download:before{content:"\e91c"}.wd-icon-phone-compute:before{content:"\e91d"}.wd-icon-computer:before{content:"\e91e"}.wd-icon-clock:before{content:"\e91f"}.wd-icon-view:before{content:"\e920"}.wd-icon-eye-close:before{content:"\e921"}.wd-icon-picture:before{content:"\e922"}.wd-icon-evaluation:before{content:"\e923"}.wd-icon-goods:before{content:"\e924"}.wd-icon-lenovo:before{content:"\e925"}.wd-icon-list:before{content:"\e926"}.wd-icon-note:before{content:"\e927"}.wd-icon-video:before{content:"\e928"}.wd-icon-warning:before{content:"\e929"}.wd-icon-camera:before{content:"\e92a"}.wd-icon-transfer:before{content:"\e92b"}.wd-icon-keywords:before{content:"\e92e"}.wd-icon-chat:before{content:"\e931"}.wd-icon-delete-thin:before{content:"\e932"}.wd-icon-add:before{content:"\e933"}.wd-icon-scan:before{content:"\e934"}.wd-icon-translate-bold:before{content:"\e935"}.wd-icon-close:before{content:"\e936"}.wd-icon-search:before{content:"\e937"}.wd-icon-delete:before{content:"\e939"}.wd-icon-more:before{content:"\e93a"}.wd-icon-thin-arrow-left:before{content:"\e93b"}.wd-icon-filter:before{content:"\e93c"}.wd-icon-phone:before{content:"\e93d"}.wd-icon-refresh:before{content:"\e93e"}.wd-icon-check:before{content:"\e93f"}.wd-icon-rotate:before{content:"\e92c"}.wd-step:last-child .wd-step__line{display:none}.wd-step__header{font-size:0}.wd-step__header.is-dot .wd-step__line{margin-top:-1px}.wd-step__icon{display:inline-block;width:22px;height:22px;background:#fff;z-index:1}.wd-step__icon.is-icon{width:30px;text-align:center}.wd-step__icon.is-dot{width:7px;height:7px;border:1px solid transparent;margin-left:-1px;border-radius:50%;background:0 0}.wd-step__icon-inner{font-size:22px;color:rgba(0,0,0,.25)}.wd-step__icon-outer{width:20px;height:20px;border:1px solid rgba(0,0,0,.25);color:rgba(0,0,0,.25);text-align:center;line-height:20px;border-radius:50%;font-size:14px}.wd-step__dot,.wd-step__line{width:100%;background:rgba(0,0,0,.15)}.wd-step__line{position:absolute;height:1px;-webkit-transform:scaleY(.5);transform:scaleY(.5);top:50%;left:0}.wd-step__dot{position:relative;display:block;height:100%;border-radius:50%}.wd-step__content{margin-top:7px;color:rgba(0,0,0,.25);font-size:12px}.wd-step__title{font-weight:500;line-height:1.43}.wd-step__title.is-description{font-size:14px}.wd-step__description{margin-top:5px;padding:0 2px;line-height:1.43;color:rgba(0,0,0,.45)}.wd-step.is-wait .wd-step__description{color:rgba(0,0,0,.25)}.wd-step.is-finished .wd-step__icon-inner,.wd-step.is-finished .wd-step__icon-outer,.wd-step.is-finished .wd-step__title,.wd-step.is-process .wd-step__icon.is-icon .wd-step__icon-inner{color:#4d80f0}.wd-step.is-finished .wd-step__icon-outer{border-color:#4d80f0}.wd-step.is-finished .wd-step__dot{background:#4d80f0}.wd-step.is-process .wd-step__icon-outer{color:#fff;background:#4d80f0;border-color:#4d80f0}.wd-step.is-process .wd-step__title{color:#4d80f0}.wd-step.is-process .wd-step__icon{border-color:#4d80f0}.wd-step.is-process .wd-step__icon.is-dot::after{position:absolute;content:'';width:17px;height:17px;left:-5px;top:-5px;border-radius:50%;background:#4d80f0;opacity:.2}.wd-step.is-process .wd-step__dot{background:#4d80f0}.wd-step.is-error .wd-step__icon-inner,.wd-step.is-error .wd-step__title{color:#fa4350}.wd-step.is-error .wd-step__icon-outer{color:#fa4350;border-color:#fa4350}.wd-step.is-error .wd-step__dot{background:#fa4350}.wd-step.is-center{text-align:center}.wd-step.is-center .wd-step__line{left:50%;right:-50%}.wd-step.is-vertical .wd-step__header{position:absolute;left:0;top:0;height:100%}.wd-step.is-vertical .wd-step__header.is-dot{top:6px}.wd-step.is-vertical .wd-step__header.is-dot .wd-step__line{margin-left:-1px;margin-top:0}.wd-step.is-vertical .wd-step__content{margin-left:30px;margin-top:0;padding-bottom:20px}.wd-step.is-vertical .wd-step__line{top:0;left:50%;width:1px;-webkit-transform:scaleX(.5);transform:scaleX(.5);height:100%}.wd-step.is-vertical .wd-step__icon.is-dot{margin-left:0;margin-top:-1px}