drip-ui/es/drip-css/stepper.css

Lightweight Mobile UI Components built on Vue

.drip-stepper{font-size:0}.drip-stepper__minus,.drip-stepper__plus{width:.53333rem;height:.4rem;box-sizing:border-box;background-color:#fff;border:1px solid #dadada;position:relative;padding:.06667rem;vertical-align:middle}.drip-stepper__minus::before,.drip-stepper__plus::before{width:.12rem;height:1px}.drip-stepper__minus::after,.drip-stepper__plus::after{width:1px;height:.12rem}.drip-stepper__minus::after,.drip-stepper__minus::before,.drip-stepper__plus::after,.drip-stepper__plus::before{content:'';position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;background-color:#6c6c6c}.drip-stepper__minus:active,.drip-stepper__plus:active{background-color:#e8e8e8}.drip-stepper__minus--disabled,.drip-stepper__plus--disabled{background-color:#f8f8f8}.drip-stepper__minus--disabled::after,.drip-stepper__minus--disabled::before,.drip-stepper__plus--disabled::after,.drip-stepper__plus--disabled::before{background-color:#c9c9c9}.drip-stepper__minus--disabled:active,.drip-stepper__plus--disabled:active{background-color:#f8f8f8}.drip-stepper__minus{border-radius:.02667rem 0 0 .02667rem}.drip-stepper__minus::after{display:none}.drip-stepper__plus{border-radius:0 .02667rem .02667rem 0}.drip-stepper__input{width:.44rem;height:.34667rem;padding:1px;border:1px solid #dadada;border-width:1px 0;border-radius:0;box-sizing:content-box;color:#666;font-size:.18667rem;vertical-align:middle;text-align:center;-webkit-appearance:none}.drip-stepper__input[disabled]{color:#c9c9c9;background-color:#f8f8f8}.drip-stepper input[type=number]::-webkit-inner-spin-button,.drip-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}