drip-ui/es/drip-css/field.css

Lightweight Mobile UI Components built on Vue

.drip-field .drip-cell__title{max-width:1.2rem}.drip-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.drip-field__control{border:0;margin:0;padding:0;width:100%;resize:none;display:block;box-sizing:border-box;background-color:transparent}.drip-field__control:disabled{opacity:1;color:#666;background-color:transparent}.drip-field__control--center{text-align:center}.drip-field__control--right{text-align:right}.drip-field__control[type=date],.drip-field__control[type=time]{min-height:.32rem}.drip-field__button,.drip-field__clear,.drip-field__icon{-webkit-flex-shrink:0;flex-shrink:0}.drip-field__clear,.drip-field__icon{padding:0 .13333rem;line-height:inherit;margin-right:-.13333rem}.drip-field__clear{color:#c9c9c9;font-size:.21333rem}.drip-field__icon .drip-icon{display:block;font-size:.21333rem;color:#999;line-height:inherit}.drip-field__button{padding-left:.13333rem}.drip-field__error-message{color:#d05602;font-size:.16rem;text-align:left}.drip-field--disabled .drip-field__control{color:#999}.drip-field--error .drip-field__control,.drip-field--error .drip-field__control::-webkit-input-placeholder{color:#d05602}.drip-field--error .drip-field__control,.drip-field--error .drip-field__control::placeholder{color:#d05602}.drip-field--min-height .drip-field__control{min-height:.8rem}.drip-field--label-center .drip-cell__title{text-align:center}.drip-field--label-right .drip-cell__title{text-align:right}