mand-mobile/lib/input-item/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-input-item .md-field-item-content{padding-top:0;padding-bottom:0}.md-input-item .md-field-item-control{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.md-input-item-clear{padding:10px 0;color:#c5cad5}.md-input-item-clear .md-icon{display:-webkit-box;display:-webkit-flex;display:flex;background:#f9fafb;border-radius:50%}.md-input-item-fake,.md-input-item-input{width:100%;height:100px;color:#01080f;font-size:32px;font-weight:500;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;line-height:1;border:none;background:transparent;outline:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.md-input-item-input:disabled,.md-input-item-input[disabled]{opacity:1}.md-input-item-input::-webkit-input-placeholder{color:#c5cad5;font-weight:400}.md-input-item-input::-webkit-inner-spin-button,.md-input-item-input::-webkit-outer-spin-button{-webkit-appearance:none}.md-input-item-fake{line-height:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.md-input-item-fake:after{position:relative;z-index:2;display:none;content:" ";height:80px;border-right:1.5px solid #01080f}.md-input-item-fake.is-focus:after{display:inline}.md-input-item-fake.is-waiting:after{-webkit-animation:keyboard-cursor 1s step-start infinite;animation:keyboard-cursor 1s step-start infinite}.md-input-item-fake-placeholder{position:absolute;top:0;left:0;width:100%;color:#c5cad5;font-weight:400}.md-input-item-brief,.md-input-item-msg{word-break:break-all;word-wrap:break-word}.md-input-item-brief:not(:last-child),.md-input-item-msg:not(:last-child){margin-bottom:10px}.md-input-item-brief{font-size:24px;color:#858b9c}.md-input-item-msg{font-size:24px;color:#ff4040}.md-input-item.left .md-input-item-fake,.md-input-item.left .md-input-item-input{text-align:left}.md-input-item.center .md-input-item-fake,.md-input-item.center .md-input-item-input{text-align:center}.md-input-item.right .md-input-item-fake,.md-input-item.right .md-input-item-input{text-align:right}.md-input-item.is-title-latent .md-field-item-title{position:absolute;top:50%;left:0;height:auto;font-size:26px;color:#666f83;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;will-change:auto}.md-input-item.is-title-latent .md-field-item-content{min-height:115px}.md-input-item.is-title-latent .md-field-item-content,.md-input-item.is-title-latent .md-field-item-left,.md-input-item.is-title-latent .md-field-item-right,.md-input-item.is-title-latent .md-input-item-fake,.md-input-item.is-title-latent .md-input-item-input{padding-top:20px}.md-input-item.is-title-latent.is-active .md-field-item-title{opacity:1;top:20px;-webkit-transform:translateZ(0);transform:translateZ(0)}.md-input-item.is-highlight.is-focus .md-field-item-content:before{content:"";position:absolute;z-index:2;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleY(.5) translateY(100%);transform:scaleY(.5) translateY(100%);bottom:0;left:0;right:auto;top:auto;width:100%;border-bottom:4px solid #01080f;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.md-input-item.is-highlight.is-focus .md-field-item-content:before{-webkit-transform:scaleY(.33) translateY(100%);transform:scaleY(.33) translateY(100%)}}.md-input-item.is-disabled .md-input-item-fake,.md-input-item.is-disabled .md-input-item-fake-placeholder,.md-input-item.is-disabled .md-input-item-input{-webkit-text-fill-color:#858b9c;color:#858b9c}.md-input-item.is-amount .md-input-item-fake,.md-input-item.is-amount .md-input-item-input{font-family:DINPro-Medium,DIN Alternate,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.md-input-item.is-amount.large .md-input-item-fake,.md-input-item.is-amount.large .md-input-item-input{padding-top:8px}.md-input-item.large .md-input-item-fake,.md-input-item.large .md-input-item-input{padding-bottom:15px;font-size:80px}.md-input-item.large .md-input-item-input::-webkit-input-placeholder{font-size:60px;line-height:100px}.md-input-item.is-error .md-field-item-content:before{content:"";position:absolute;z-index:2;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleY(.5) translateY(100%);transform:scaleY(.5) translateY(100%);bottom:0;left:0;right:auto;top:auto;width:100%;border-bottom:4px solid #ff4040;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.md-input-item.is-error .md-field-item-content:before{-webkit-transform:scaleY(.33) translateY(100%);transform:scaleY(.33) translateY(100%)}}.md-input-item.is-ios .md-input-item-input::-webkit-input-placeholder{position:relative;top:3px;overflow:visible}.md-input-item.is-ios .md-input-item-fake:after{border-right:6px solid #2c6cf5;border-radius:2px}.md-input-item.is-android .md-input-item-fake:after{border-right:4px solid #01080f}.md-input-item.is-android .md-input-item-fake,.md-input-item.is-android .md-input-item-input{font-weight:700}@-webkit-keyframes keyboard-cursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes keyboard-cursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}