drip-ui
Version:
Lightweight Mobile UI Components built on Vue
1 lines • 4.15 kB
CSS
.invalid{color:red;-webkit-text-fill-color:red}input.invalid::-webkit-input-placeholder{color:red;-webkit-text-fill-color:red}input[type=text]:disabled{color:#848484;-webkit-text-fill-color:#848484;background:#fff;opacity:1;-webkit-opacity:1}input{color:#848484;-webkit-text-fill-color:#848484}input::-webkit-input-placeholder{color:#dadada;-webkit-text-fill-color:#dadada}.form{width:10rem;margin:0 auto .13333rem;padding:0 .53333rem;box-sizing:border-box;background:#fff}.form-title{font-size:.48rem;color:#333;font-weight:500;line-height:.77333rem;padding-top:.66667rem;position:relative;background:#fff;box-sizing:border-box}.form .drip-button--normal{min-width:1.86667rem;padding:0 .13333rem}.cell{min-height:1.70667rem;display:-webkit-box;display:-webkit-flex;display:flex;line-height:1.70667rem;box-sizing:border-box;background:#fff;position:relative;-webkit-box-align:inherit;-webkit-align-items:inherit;align-items:inherit}.cell-small{min-height:1.33333rem;line-height:1.33333rem}.cell-small-label{padding:.4rem 0}.cell-small-right{min-height:1.33333rem}.cell:after{content:"";position:absolute;left:0;bottom:0;width:100%;border-bottom:1PX solid #f1f1f1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.cell label{display:block;width:2.4rem;font-size:.4rem;color:#666;line-height:.53333rem;padding:.6rem 0 .53333rem;font-weight:500}.cell-line:after{content:none}.cell-right{width:7.06667rem;min-height:1.6rem;border:none;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cell-right-textarea{position:relative;width:100%;min-height:3.04rem}.cell-right-textarea textarea{width:100%;height:100%;-webkit-transform:translateY(-.02667rem);transform:translateY(-.02667rem);padding:0;margin:.6rem 0 0 0;border:none;font-size:.4rem;line-height:.56rem;resize:none;outline:0}.cell-right-textarea textarea::-webkit-input-placeholder{color:#dadada}.cell-right-textarea textarea::placeholder{color:#dadada}.cell-right input{width:85%;height:.85333rem;line-height:.85333rem;outline:0;border:none;font-size:.4rem}.cell-right input::-webkit-input-placeholder{color:#dadada}.cell-right input::placeholder{color:#dadada}.cell-tip{position:absolute;right:15%;top:-.02667rem}.cell-select{position:absolute;top:0;right:0;border:none;outline:0;min-width:15%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;text-align:right;font-size:.4rem}.cell-letter:first-letter{margin-right:.8rem}.cell-letter-three{letter-spacing:.13333rem}.cell-hight{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;margin-top:.53333rem;padding:0 0 .74667rem 0}.counter{margin-top:.10667rem;padding-top:.05333rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;height:.8rem;line-height:.8rem;text-align:center;box-sizing:border-box;font-size:.37333rem;color:#848484;position:relative}.counter::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;border:1PX solid #dadada;border-radius:.8rem;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box}.counter-icon{width:1.33333rem;display:block}.counter-num{border-left:1PX solid #dadada;border-right:1PX solid #dadada;width:1.62667rem;display:block}.form-desc{display:inline-block;margin:0 .16rem}.form-desc-wrap{width:5.81333rem;padding:.29333rem .26667rem .26667rem .26667rem;box-sizing:border-box}.form-desc-text{line-height:.48rem;font-size:.32rem;text-align:left;color:#848484;word-break:break-word;font-weight:600}.form-desc-text-desc{line-height:.48rem;font-size:.32rem;text-align:left;color:#848484;word-break:break-word;font-weight:400}.form-desc-text-desc span{line-height:.48rem;font-size:.32rem;text-align:left;color:#848484;word-break:break-word;font-weight:400}