wot-design
Version:
Mobile UI components built on vue.js
1 lines • 6.12 kB
CSS
@charset "UTF-8";@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-radio{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;font-size:0;-webkit-tap-highlight-color:transparent;vertical-align:top;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.wd-radio:last-child{margin-bottom:0}.wd-radio__shape{width:16px;height:16px;font-size:16px;line-height:1.1;color:transparent;display:none;background:#fff;vertical-align:middle;-webkit-transition:background .2s;transition:background .2s}.wd-radio__input{position:absolute;width:0;height:0;margin:0;opacity:0}.wd-radio__label{display:inline-block;vertical-align:middle;font-size:14px;color:rgba(0,0,0,.85);line-height:20px}.wd-radio.is-checked .wd-radio__shape{color:#4d80f0;border-color:currentColor;display:inline-block}.wd-radio.is-checked .wd-radio__check{color:#4d80f0;opacity:1}.wd-radio.is-dot .wd-radio__shape{border:2px solid #dcdcdc;border-radius:50%;position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:none;transition:none}.wd-radio.is-dot .wd-radio__shape::before{content:"";position:absolute;width:8px;height:8px;left:2px;top:2px;border-radius:50%;background-color:#fff;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.wd-radio.is-dot.is-checked .wd-radio__shape{background-color:#4d80f0;border-color:#4d80f0}.wd-radio.is-dot.is-checked .wd-radio__shape::before{-webkit-transform:scale(1);transform:scale(1)}.wd-radio.is-button{display:inline-block;margin-bottom:0;margin-right:10px}.wd-radio.is-button:last-child{margin-right:0}.wd-radio.is-button .wd-radio__shape{display:none}.wd-radio.is-button .wd-radio__label{height:32px;min-width:60px;padding:5px 15px;margin-right:0;border-radius:16px;background-color:rgba(0,0,0,.04);font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f5f5f5;-webkit-transition:all .2s;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-radio.is-button.is-checked .wd-radio__label{color:#4d80f0;border-color:currentColor;background-color:#fff}.wd-radio.is-inline{display:inline-block;margin-right:10px;margin-bottom:0}.wd-radio.is-inline:last-child{margin-right:0}.wd-radio.is-inline .wd-radio__shape{display:inline-block;margin-right:4px}.wd-radio.is-disabled .wd-radio__label,.wd-radio.is-disabled.is-checked .wd-radio__check,.wd-radio.is-disabled.is-checked .wd-radio__label,.wd-radio.is-disabled.is-checked .wd-radio__shape{color:rgba(0,0,0,.25)}.wd-radio.is-disabled.is-button .wd-radio__label{background:rgba(0,0,0,.04);border-color:#f5f5f5;color:rgba(0,0,0,.25)}.wd-radio.is-disabled.is-button.is-checked .wd-radio__label{border-color:rgba(0,0,0,.15);background:rgba(0,0,0,.04)}.wd-radio.is-disabled.is-dot .wd-radio__shape{background:#d9d9d9;border-color:#d9d9d9}.wd-radio.is-large .wd-radio__shape{width:18px;height:18px;font-size:18px}.wd-radio.is-large .wd-radio__label{font-size:16px}.wd-radio.is-large.is-dot .wd-radio__shape::before{width:10px;height:10px}