wot-design
Version:
Mobile UI components built on vue.js
1 lines • 7.12 kB
CSS
@charset "UTF-8";.wd-fade-enter,.wd-fade-leave-active,.wd-tag__text-hidden{opacity:0}@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-tag{font-size:10px;line-height:1.2;display:inline-block;color:#fff;padding:1px 3px;border-radius:2px;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-tap-highlight-color:transparent;background:linear-gradient(49deg,grey 0,#999 100%)}.wd-tag.is-plain{background:0 0;color:rgba(0,0,0,.65);border:1px solid rgba(0,0,0,.65);padding:1px 4px}.wd-tag.is-round{font-size:12px;padding:4px 11px;background:0 0;color:#666;border:1px solid #e1e1e1;border-radius:12px}.wd-tag.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-mark.is-plain{padding:1px 6px}.wd-tag.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-primary{background:linear-gradient(49deg,#517cf0 0,#769ef5 100%)}.wd-tag.is-primary.is-plain{background:0 0;color:#4d80f0;border:1px solid #4d80f0;padding:1px 4px}.wd-tag.is-primary.is-round{font-size:12px;padding:4px 11px;background:0 0;color:#4d80f0;border:1px solid #4d80f0;border-radius:12px}.wd-tag.is-primary.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-primary.is-mark.is-plain{padding:1px 6px}.wd-tag.is-primary.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-primary.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-danger{background:linear-gradient(44deg,#e63e46 0,#ff4049 100%)}.wd-tag.is-danger.is-plain,.wd-tag.is-danger.is-round{background:0 0;color:#fa4350;border:1px solid #fa4350}.wd-tag.is-danger.is-plain{padding:1px 4px}.wd-tag.is-danger.is-round{font-size:12px;padding:4px 11px;border-radius:12px}.wd-tag.is-danger.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-danger.is-mark.is-plain{padding:1px 6px}.wd-tag.is-danger.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-danger.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-warning{background:linear-gradient(45deg,#e67137 0,#ff974c 100%)}.wd-tag.is-warning.is-plain{background:0 0;color:#ff9000;border:1px solid #ff9000;padding:1px 4px}.wd-tag.is-warning.is-round{font-size:12px;padding:4px 11px;background:0 0;color:#ff9000;border:1px solid #ff9000;border-radius:12px}.wd-tag.is-warning.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-warning.is-mark.is-plain{padding:1px 6px}.wd-tag.is-warning.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-warning.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-success{background:linear-gradient(45deg,#20b080 0,#2bd69d 100%)}.wd-tag.is-success.is-plain{background:0 0;color:#3b4;border:1px solid #3b4;padding:1px 4px}.wd-tag.is-success.is-round{font-size:12px;padding:4px 11px;background:0 0;color:#3b4;border:1px solid #3b4;border-radius:12px}.wd-tag.is-dynamic:active,.wd-tag.is-success.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-success.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-success.is-mark.is-plain{padding:1px 6px}.wd-tag.is-success.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-icon{font-size:12px;padding:2px 5px}.wd-tag__icon,.wd-tag__text-real{font-size:20px;position:absolute;top:50%}.wd-tag.is-dynamic{-webkit-box-sizing:border-box;box-sizing:border-box;width:88px;-webkit-transition:.3s;transition:.3s}.wd-tag.is-dynamic-input{border-color:#4d80f0}.wd-tag__icon{display:inline-block;-webkit-transform:scale(.5) translate(10px,-100%);transform:scale(.5) translate(10px,-100%);left:-5px}.wd-tag__text{display:inline-block;vertical-align:text-top}.wd-tag__text-real{-webkit-transform:scale(.5) translate(-100%,-100%);transform:scale(.5) translate(-100%,-100%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;left:50%;white-space:nowrap}.wd-tag__text-container{display:inline-block;position:relative}.wd-tag__add-text{width:55px;display:inline-block;font-size:12px;vertical-align:middle;padding:0;outline:0;border:none}.wd-tag__close{display:inline-block;margin-left:24px;margin-right:-4px;font-size:14px;height:14px;vertical-align:text-bottom;color:rgba(0,0,0,.65)}.wd-tag__close:active{color:rgba(0,0,0,.45)}.wd-tag__add{font-size:12px;vertical-align:bottom;margin-right:4px}