@lan-ui/lan-ui/lib/textarea/style.css

A fantastic mobile ui lib implement by Vue

.cube-textarea-wrapper{-webkit-transition:height .2s;transition:height .2s;height:2.5rem;font-size:.875rem;line-height:1.429;position:relative}.cube-textarea-wrapper textarea::-webkit-input-placeholder{color:#ccc;text-overflow:ellipsis}.cube-textarea-wrapper:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ebebeb;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-textarea-wrapper:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-textarea-wrapper:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-textarea_expanded{height:5rem}.cube-textarea_active{position:relative}.cube-textarea_active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #1890ff;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-textarea_active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-textarea_active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-textarea-indicator{position:absolute;bottom:.4375rem;right:.625rem;color:#ccc}.cube-textarea{width:100%;height:100%;text-align:left;padding:.625rem;box-sizing:border-box;font-size:100%;line-height:inherit;color:#4c4c4c;background-color:#fff;border-radius:.125rem;resize:none;border:none;outline:none}